当前位置: 首页 > news >正文

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>

    

相关文章:

es6:set()和weakset()

一、Map() 1.1 简介 ES6 提供了 Set 数据结构&#xff0c;它类似于数组&#xff0c;但是值是唯一没有重复的。 我们可以通过 new Set()去创建它。 1.2. Set的创建、设置与获取 <script> const set new Set(); console.log(set.add(1)); //Set { 1 } …...

C#仿OutLook的特色窗体设计

目录 1. 资源图片准备 2. 设计流程&#xff1a; &#xff08;1&#xff09;用MenuStrip控件设计菜单栏 &#xff08;2&#xff09;用ToolStrip控件设计工具栏 &#xff08;3&#xff09;用StatusStrip控件设计状态栏 &#xff08;4&#xff09;ImageList组件装载树节点图…...

Jmeter的使用

Jmeter的使用 1.Jmeter简介 以下内容来自Jmeter中文网http://www.jmeter.com.cn/jieshao&#xff0c;很好的解释了Jmeter的作用&#xff1a; Apache JMeter是Apache组织开发的基于Java的压力测试工具。用于对软件做压力测试&#xff0c;它最初被设计用于Web应用测试&#xf…...

【蓝桥杯第十届省赛B】(部分详解)

特别数的和 #include <iostream> #include <string> using LLlong long; using namespace std;int main() {LL n;cin >> n;LL cnt 0;for (LL i 1; i < n; i) {string s to_string(i);for (LL j 0; j < s.size(); j) {if (s[j] 2 || s[j] 0 || s…...

计算机研究生规划

一、计算机研究生技术栈 两条腿走路: 左侧工程实践能力&#xff1a;要掌握python编程语言&#xff0c;它和机器学习、神经网络&#xff08;这两门几乎是必须掌握的技能&#xff09;的学习有很大关系 右侧学术创新能力 二、编程语言能力提升 左边基础&#xff0c;右边教你写…...

针孔相机、鱼眼相机、全景相机

先进性简述&#xff0c;后续慢慢会补充1. 针孔相机&#xff1a; 针孔相机是一种基于针孔成像原理的传统相机&#xff0c;它使用一个非常小的孔径&#xff08;即“针孔”&#xff09;来限制光线进入相机的方式。 这种相机通常具有简单的结构&#xff0c;由一个孔径较小的光学元…...

HTML5+CSS3+JS小实例:圣诞按钮

实例:圣诞按钮 技术栈:HTML+CSS+JS 效果: 源码: 【HTML】 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0&…...

【深度学习基础】

打基础日常记录 CNN基础知识1. 感知机2. DNN 深度神经网络&#xff08;全连接神经网络&#xff09;DNN 与感知机的区别DNN特点&#xff0c;全连接神经网络DNN前向传播和反向传播 3. CNN结构【提取特征分类】4. CNN应用于文本 RNN基础1. RNN的本质 词向量模型word2Vec1. 自然语言…...

银行业架构网络BIAN (Banking IndustryArchitecture Network)详细介绍

BIAN ( The Banking Industry Architecture Network) 是一个业界多方协作的非营利性组织&#xff0c;由全球领先银行、技术提供商、顾问和学者组成&#xff0c;定义了一个用以简化和标准化核心银行体系结构的银行技术框架。这一框架基于面向服务的架构 (SOA) 原则&#xff0c;银…...

[尚硅谷 flink] 基于时间的合流——双流联结(Join)

文章目录 8.1 窗口联结&#xff08;Window Join&#xff09;8.2 **间隔联结&#xff08;Interval Join&#xff09;** 8.1 窗口联结&#xff08;Window Join&#xff09; Flink为基于一段时间的双流合并专门提供了一个窗口联结算子&#xff0c;可以定义时间窗口&#xff0c;并…...

怎样恢复已删除的照片?教你3个方法,一键恢复!

很多人喜欢以拍照的形式记录生活&#xff0c;手机里的照片就很容易堆积成山&#xff0c;但当内存不够用时就不得不选择删除。可是这些美好的照片始终是很多人心中抹不去的记忆&#xff0c;那么该怎样恢复已删除的照片呢&#xff1f;下面几招&#xff0c;教你一键恢复&#xff0…...

植物糖基转移酶数据库-23年-地表最强系列-文献精读-6

pUGTdb: A comprehensive database of plant UDP-dependent glycosyltransferases pUGTdb&#xff1a;植物UDP依赖糖基转移酶的全面数据库 一篇关于植物糖基转移数据库的综述&#xff0c;地表最强&#xff0c;总结的最全面的版本之一&#xff0c;各位看官有推荐请留言评论区~…...

虚拟机打不开

问题 另一个程序已锁定文件的一部分&#xff0c;进程无法访问 打不开磁盘“G:\centeros\hadoop104kl\hadoop100-cl2.vmdk”或它所依赖的某个快照磁盘。 模块“Disk”启动失败。 未能启动虚拟机。 原因 前一次非正常关闭虚拟机导致.lck 文件是VMWare软件的一种磁盘锁文件&…...

MySQL数据库版本为5.5.62,时间戳超出2038年1月19日的解决方案

MySQL数据库版本是 5.5.62&#xff0c;已设置字段的类型为BIGINT&#xff0c;使用FROM_UNIXTIME()函数来转换时间戳&#xff0c;返回NULL。 SELECT FROM_UNIXTIME(1617970800)SELECT FROM_UNIXTIME(2185743121)MySQL数据库版本为5.5.62&#xff0c;已设置字段的类型为BIGINT&a…...

C++20 semaphore(信号量) 详解

头文件在C20中是并发库技术规范&#xff08;Technical Specification, TS&#xff09;的一部分。信号量是同步原语&#xff0c;帮助控制多线程程序中对共享资源的访问。头文件提供了标准C方式来使用信号量。 使用环境 Windows&#xff1a;VS中打开项目属性&#xff0c;修改C语…...

【简单讲解下Lisp的学习历程】

&#x1f3a5;博主&#xff1a;程序员不想YY啊 &#x1f4ab;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f917;点赞&#x1f388;收藏⭐再看&#x1f4ab;养成习惯 ✨希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出…...

构建高效网络:深入理解正向与反向代理的作用与配置

正向代理 如果把局域网外的互联网环境想象成一个巨大的资源库&#xff0c;则局域网中的客户端要访问互联网则需要通过代理服务器来访问&#xff0c;这种代理成为正向代理。 示例&#xff1a; 用户想要访问 https://chensir.ink &#xff08;目标服务器&#xff09;&#xff0…...

Linux:make/makefile的使用

一、什么是makefile/make 会不会写makefile&#xff0c;从一个侧面说明了一个人是否具备完成大型工程的能力 一个工程中的源文件不计数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;makefile定义了一系列的 规则来指定&#xff0c;哪些文件需要先编译&am…...

Java设计模式—策略模式(商场打折)

策略这个词应该怎么理解&#xff0c;打个比方说&#xff0c;我们出门的时候会选择不同的出行方式&#xff0c;比如骑自行车、坐公交、坐火车、坐飞机、坐火箭等等&#xff0c;这些出行方式&#xff0c;每一种都是一个策略。 再比如我们去逛商场&#xff0c;商场现在正在搞活动&…...

FOR循环

oracle从入门到总裁:​​​​​​https://blog.csdn.net/weixin_67859959/article/details/135209645 前面两种循环都要根据条件是否成立而确定循环体的执行&#xff0c;具体循环体执行多少次事先并不知道。 FOR 循环可以控制循环执行的次数&#xff0c;由循环变量控制循环体的…...

如何快速掌握CircuitJS1:免费高效的浏览器电路仿真终极指南

如何快速掌握CircuitJS1&#xff1a;免费高效的浏览器电路仿真终极指南 【免费下载链接】circuitjs1 Electronic Circuit Simulator in the Browser 项目地址: https://gitcode.com/gh_mirrors/ci/circuitjs1 CircuitJS1是一款功能强大的电子电路仿真工具&#xff0c;它…...

御坂翻译器:终极Galgame实时翻译解决方案,5分钟开启无障碍游戏体验

御坂翻译器&#xff1a;终极Galgame实时翻译解决方案&#xff0c;5分钟开启无障碍游戏体验 【免费下载链接】MisakaTranslator 御坂翻译器—Galgame/文字游戏/漫画多语种实时机翻工具 项目地址: https://gitcode.com/gh_mirrors/mi/MisakaTranslator 你是否曾因语言障碍…...

【算法题攻略】位运算总结(含习题解析)

文章目录一、位运算总结1. 位操作符 和 移位操作符&#xff08;含原码、反码、补码介绍&#xff09;2. 给一个数n&#xff0c;确定它的二进制表示中的第 x 位是 0 还是 13. 给一个数n&#xff0c;将它的二进制表示中的第 x 位修改成 1&#xff08;或 0&#xff09;4. 提取一个数…...

网易云音乐NCM格式转换:三步解密法让音乐自由播放

网易云音乐NCM格式转换&#xff1a;三步解密法让音乐自由播放 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 你是否曾在网易云音乐下载了心爱的歌曲&#xff0c;却发现只能在特定播放器中欣赏&#xff1f;当你想要在其他设备或播放…...

第十三章:R 读取 txt、csv 表格数据

数据分析的第一步永远是读取数据。真实数据通常存储在 CSV、TXT 等文件中&#xff0c;本章将学习如何用 R 读取外部数据文件&#xff0c;以及如何把分析结果导出保存。 一、数据文件常见格式 格式扩展名特点CSV.csv逗号分隔&#xff0c;最通用的表格格式TXT.txt制表符或自定义…...

CLI工具集claw:模块化设计与插件化架构深度解析

1. 项目概述&#xff1a;一个面向开发者的现代化CLI工具集最近在GitHub上看到一个名为opsyhq/claw的项目&#xff0c;第一眼就被它简洁的名字吸引了。claw&#xff0c;中文意思是“爪子”&#xff0c;听起来就很有力量感和抓取感。点进去一看&#xff0c;果然&#xff0c;这是一…...

【NotebookLM内容可信度跃迁关键】:如何用“证据锚定法”让讨论部分通过专家级评审?

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM讨论部分的可信度本质与评审标准 可信度的本质&#xff1a;语义对齐与溯源可验证性 NotebookLM 的讨论部分并非传统意义上的“生成式问答”&#xff0c;而是基于用户上传文档构建的语义索引…...

给排水设计新人必看:如何用SWMM快速搭建一个‘麻雀虽小五脏俱全’的练习模型?

SWMM实战入门&#xff1a;从零构建微型排水系统的设计思维训练 刚接触市政给排水设计的职场新人&#xff0c;面对SWMM软件界面总有种"知道每个按钮功能&#xff0c;却不知从何下手"的困惑。这就像拿到一套精良的绘图工具&#xff0c;却不知道如何组合线条构成有意义的…...

LangGraph入门:构建有状态的AI Agent工作流

LangGraph 入门&#xff1a;用状态图构建 Agent手写 ReAct 循环容易写出 bug。LangGraph 用「状态图」的方式定义 Agent&#xff0c;把每一步定义为一个节点&#xff0c;跳转逻辑定义为边——清晰、可测试、可扩展。一、为什么需要 LangGraph 手写 Agent 循环的痛点&#xff1a…...

【免费下载】 Airplayer:苹果设备投屏的终极解决方案

Airplayer&#xff1a;苹果设备投屏的终极解决方案 【下载地址】Airplayer苹果投屏软件 Airplayer是一款专为苹果设备设计的高效投屏软件&#xff0c;它允许用户轻松地将iPhone或iPad屏幕的内容无线传输到电脑上显示。无论是播放视频、展示照片、进行会议演示还是游戏分享&…...