es6:set()和weakset()

一、Map()

1.1 简介
ES6 提供了 Set 数据结构,它类似于数组,但是值是唯一没有重复的。

我们可以通过 new Set()去创建它。

1.2. Set的创建、设置与获取
    <script>
      const set = new Set();
      console.log(set.add(1)); //Set { 1 }
      const arr = [1, 2, 3, 4, 5];
      console.log(set.add(arr)); //Set { 1, [1, 2, 3, 4, 5] }
      console.log([...set]); //[1, [1, 2, 3, 4, 5]]
    </script>
1.3 Set()的一些方法
1.size 返回 Set 结构的成员总数。

2.has 方法返回一个布尔值,表示某个值是否在当前 Set 集合之中。

3.delete 删除一个值,成功返回 true,失败(即该值不在 Set 中)返回 false。

4.clear 清除 Set 集合中的所有成员。

    <script>
      // 创建一个 Set
      const mySet = new Set();
      mySet.add(1);
      mySet.add("hello");
      mySet.add({ id: 1 });
 
      // 1. 获取Set的大小(成员总数)
      console.log(mySet.size); // 输出:3
 
      // 2. 判断值是否存在
      console.log(mySet.has(1)); // 输出:true
      console.log(mySet.has("world")); // 输出:false
 
      // 3. 删除一个值
      console.log(mySet.delete("hello")); // 输出:true
      console.log(mySet.has("hello")); // 输出:false
 
      // 4. 清除所有成员
      mySet.clear();
      console.log(mySet.size); // 输出:0
    </script>
1.4 遍历Set
1.Set.prototype.keys():返回键名的遍历器

2.Set.prototype.values():返回键值的遍历器

3.Set.prototype.entries():返回键值对的遍历器

4.Set.prototype.forEach():使用回调函数遍历每个成员

    <script>
      // 创建一个 Set
      const mySet = new Set(["a", "b", "c"]);
 
      // 使用 keys() 方法遍历 Set
      for (const item of mySet.keys()) {
        console.log(item);
      } // a b c
 
      // 使用 values() 方法遍历 Set
      for (const value of mySet.values()) {
        console.log(value);
      } // a b c
 
      // 使用 entries() 方法遍历 Set
      for (const entry of mySet.entries()) {
        console.log(entry);
      } // ["a", "a"] ["b", "b"] ["c", "c"]
 
      // 使用 forEach() 方法遍历并处理 Set 中的每个成员
      mySet.forEach((item) => {
        console.log(`Processing ${item}`);
      }); // Processing a Processing b Processing c
    </script>
1.5 Set()的应用
    <script>
      //数组去重
      const mySet = new Set([1, 1, 2, 3, 4, 5, 5, 6]);
      console.log([...mySet]); // [1, 2, 3, 4, 5, 6]
      
      //字符串去重
      console.log([...new Set("ababbc")].join("")); // abc
    </script>
注意:未展开的数组无法去重,需要先扁平化

    <script>
      const arr = [
        [1, 2, 3],
        [2, 5, 6],
        [2, 8, 9],
      ];
      console.log(new Set(arr)); //Set(3) { [ 1, 2, 3 ], [ 2, 5, 6 ], [ 2, 8, 9 ] }
      console.log([...new Set(arr.flat())]); //[ 1, 2, 3, 5, 6, 8, 9 ]
    </script>

二、WeakSet 
2.1 简介
WeakSet 结构与 Set 类似,也是不重复的值的集合。它和Set主要有以下区别:

1.WeakSet 的成员只能是对象和 Symbol 值,而不能是其他类型的值。

2.WeakMap其键值对之间是弱引用关系。对于WeakMap中的键,如果除了WeakMap之外没有任何其他强引用指向该键所在的对象,则垃圾回收器可以在下一次垃圾回收周期中回收这个键所指向的对象,即使WeakMap还持有该键值对。

2.2 基本使用
    <script>
      const a = [
        [1, 2],
        [3, 4],
      ];
      const ws = new WeakSet(a);
      console.log(ws); //{1, 2}, {3, 4}
      ws.add(5);//报错
    </script>

    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/800849.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux常用指令(一)——mv、rm、which、find

mv命令&#xff1a; 用于查看文件内容 语法&#xff1a;mv 参数1 参数2 参数1&#xff0c;linux路径&#xff0c;表示被移动的文件或文件夹 参数2&#xff0c;linux路径&#xff0c;表示要移动去的地方&#xff0c;如果目标不存在&#xff0c;则进行改名 rm命令&#xff1a…

题目 3158: 三国游戏

题目描述: 小蓝正在玩一款游戏。游戏中魏蜀吴三个国家各自拥有一定数量的士兵X, Y, Z (一开始可以认为都为 0 )。游戏有 n 个可能会发生的事件&#xff0c;每个事件之间相互独立且最多只会发生一次&#xff0c;当第 i 个事件发生时会分别让 X, Y, Z 增加Ai , Bi ,Ci 。 当游戏…

深入解析template,掌握C++模板的精髓!

掌握C模板&#xff08;template&#xff09;的优雅之道&#xff01; 一、什么是模板&#xff1f;二、模板如何工作&#xff1f;三、C 中的模板类型3.1、 类模板3.2、 函数模板 四、模板参数推导4.1、模板参数推导示例4.2、函数模板参数推导4.3、类模板参数推导&#xff08;C17 …

2024年MathorCup妈妈杯数学建模思路C题思路解析+参考成品

1 赛题思路 (赛题出来以后第一时间在群内分享&#xff0c;点击下方群名片即可加群) 2 比赛日期和时间 报名截止时间&#xff1a;2024年4月11日&#xff08;周四&#xff09;12:00 比赛开始时间&#xff1a;2024年4月12日&#xff08;周五&#xff09;8:00 比赛结束时间&…

GPU部署ChatGLM3

首先&#xff0c;检查一下自己的电脑有没有CUDA环境&#xff0c;没有的话&#xff0c;去安装一个。我的电脑是4060显卡&#xff0c;买回来就自带这些环境了。没有显卡的话&#xff0c;也不要紧&#xff0c;这个懒人安装包支持CPU运行&#xff0c;会自动识别没有GPU&#xff0c;…

北京注销公司不同情况下的注销流程与所需材料

在北京&#xff0c;企业注销是一个相对复杂的过程&#xff0c;涉及到多种情况和不同的材料要求。本文将为您详细解析北京注销公司的不同情况及其所需材料&#xff0c;帮助您更好地了解并完成企业注销流程。本人从事工商行业多年&#xff0c;如果您想要注销自己的公司&#xff0…

启明智显M4核心板驱动17寸屏 为您打造无与伦比的视觉盛宴

近日&#xff0c;启明智显推出M4核心板驱动17寸屏&#xff0c;8 Link LVDS接口下1280*1024分辨率为用户展现了超强的视觉体验。 M4核心板采用纯国产架构&#xff0c;内置了16位DDR内存&#xff0c;为设备提供强大的数据处理能力和高效的运行速度。无论是处理复杂的任务还是进…

zookeeper C API client 如何设置digest鉴权验证

本文参考地址 zkCli.sh如何设置 自带的命令行客户端设置比较简单 增加授权用户。addauth digest root:111 其中digest是scheme&#xff0c;root:111是id (credential&#xff0c;root可以理解为明文用户&#xff0c;111可以理解为明文密码) :perm 2.为特定目录设置权限。 se…

【简单讲解下C++max函数的使用】

&#x1f308;个人主页: 程序员不想敲代码啊 &#x1f3c6;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f44d;点赞⭐评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共…

【WRF】将modis数据2019年中国土地利用数据处理成wrf能识别的土地利用数据

step1、利用gee获取2020年中国区域的土地利用数据 //get a feature collection with china square boundary var china_square = ee.FeatureCollection(projects/hsy/assets/chinashp_square);//load modis land cover data var modisLand = ee.ImageCollection(MODIS/006/MCD1…

Java | Leetcode Java题解之第13题罗马数字转整数

题目&#xff1a; 题解&#xff1a; class Solution {Map<Character, Integer> symbolValues new HashMap<Character, Integer>() {{put(I, 1);put(V, 5);put(X, 10);put(L, 50);put(C, 100);put(D, 500);put(M, 1000);}};public int romanToInt(String s) {int …

docker-相关

打镜像 1、编写dockfile文件&#xff0c;请自行百度 2、docker build -t 镜像名称:版本号 dockerFile路径 3、docker save -o 镜像压缩包名称.tar 镜像名称:镜像版本号 部署镜像 1、将镜像tar包放到部署机器上 2、加载镜像&#xff1a;docker load -i 镜像tar包路径 3、dock…

考研数学|刷题用汤家凤《1800》还是张宇《1000》?看完这篇你就懂了

考研数学的复习是一个系统的过程&#xff0c;不同的习题集有各自的特点和适用场景。汤家凤的1800题和张宇的1000题都是非常受欢迎的考研数学复习资料&#xff0c;它们各有侧重点和优势。 汤家凤的1800题以其全面性和基础性著称&#xff0c;题目覆盖了考研数学的各个知识点&…

缓存穿透问题

缓存穿透 &#xff1a;缓存穿透是指客户端请求的数据在缓存中和数据库中都不存在&#xff0c;这样缓存永远不会生效&#xff0c;这些请求都会打到数据库。 常见的两种解决方案&#xff1a; 1.缓存空对象 优点&#xff1a;实现简单&#xff0c;维护方便 缺点&#xff1a;占用…

Ubuntu中apt使用

搜索 apt-cache search <package> 列出与<package>名称相匹配的包 安装 apt-get install <package> apt-get --reinstall install packagename 修复或者只安装最新版本 移除 apt-get remove [–purge] <package> apt-get -…

【40分钟速成智能风控4】传统风险管理体系

目录 人工审核 纸质材料评估 电话回访 线下走访尽调 专家模型 业务规则库 专家调查权重法 熵权法 随着大数据和机器学习技术的发展与成熟&#xff0c;智能风控已经逐步取代传统风控&#xff0c;成为国内互联网金融机构主流的风险管理模式。一方面&#xff0c;传统风控是…

U盘中病毒了会影响电脑吗 U盘中病毒了怎么恢复数据 easyrecovery数据恢复软件免费版 easyrecovery绿色版破解版激活密钥无需注册

EasyRecovery是世界著名数据恢复公司 Ontrack 的技术杰作&#xff0c;EasyRecovery破解版是一个威力非常强大的硬盘数据恢复工具&#xff0c;能够帮你恢复丢失的数据以及重建文件系统。您只需要按软件提示一步一步操作&#xff0c;就能恢复出你电脑上的文档、表格、图片、音频、…

LeetCode 热题 100 | 多维动态规划(一)

目录 1 多维动态规划 2 62. 不同路径 3 64. 最小路径和 菜鸟做题&#xff0c;语言是 C&#xff08;细品动态规划 ing&#xff09; 1 多维动态规划 目前的感觉&#xff1a;抽象为二维数组。 2 62. 不同路径 题眼&#xff1a;“机器人每次只能向下或者向右移动一步”。…

什么是sso?

SSO&#xff08;Single Sign-On&#xff09;&#xff0c;即单点登录&#xff0c;是一种安全协议&#xff0c;它允许用户在多个应用程序之间使用同一组登录凭据进行身份验证。这意味着用户只需要登录一次&#xff0c;就可以访问多个需要身份验证的应用程序。 SSO的工作原理如下…

全量知识系统 详细设计 之preserving{Truth,Structure,Lexicon}

全量知识系统 详细设计 之preserving{Truth&#xff0c;Structure&#xff0c;Lexicon} 1、三种对象三种库python 数据对象 none对象: 对等立方体&#xff08;PQR&#xff09; ole对象Y 。 pqr均为立体库&#xff08;工厂级的&#xff09;Java 类对象 Empty对象 &#xff1a;…