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

ES6新增Set、Map两种数据结构、WeakMap、WeakSet举例说明详细。(含DeepSeek讲解)

ES6 中 Set、Map、WeakMap 和 WeakSet 数据结构详解及使用示例表达

一、Set 数据结构

Set 是一种集合数据结构,用于存储任意类型的唯一值。它不允许重复的值存在。

  • 声明方式:
    使用 new Set() 创建新的实例。

    const mySet = new Set();
    
  • 主要方法:

    • .add(value):向集合中添加一个新值。
      mySet.add(1);
      mySet.add("string");
      
    • .delete(value):删除指定的值。
      mySet.delete(1);
      
    • .has(value):判断集合中是否存在某个值。
      console.log(mySet.has("string")); // true
      
    • .clear():清空整个集合中的所有值。
      mySet.clear();
      
    • .size:返回集合中元素的数量。
      console.log(mySet.size); // 当前集合大小
      
  • 使用场景:

    • 数组去重是一个常见的应用场景。
      const array = [1, 2, 2, 3, 4];
      const uniqueArray = [...new Set(array)];
      console.log(uniqueArray); // [1, 2, 3, 4]
      

二、Map 数据结构

Map 是一种键值对的数据结构,支持任何类型的键(不仅仅是字符串),提供更高的灵活性和性能。

  • 声明方式:
    使用 new Map() 或传递初始键值对数组创建实例。

    const myMap = new Map();
    const mapWithInitialValues = new Map([[obj1, "aaa"], [obj2, "bbb"], [2, "ddd"]]);
    
  • 主要方法:

    • .set(key, value):设置键值对。
      myMap.set("name", "Alice").set("age", 25);
      
    • .get(key):通过键获取对应的值。
      console.log(myMap.get("name")); // Alice
      
    • .delete(key):删除指定键及其关联的值。
      myMap.delete("age");
      
    • .has(key):检查是否包含特定键。
      console.log(myMap.has("name")); // true
      
    • .clear():清除所有的键值对。
      myMap.clear();
      
    • .size:返回键值对的数量。
      console.log(myMap.size); // 键值对数量
      
  • 特殊能力:

    • 支持对象或数组作为键。
      const objKey = { id: 1 };
      const map = new Map();
      map.set(objKey, "Object Key");
      console.log(map.get(objKey)); // 'Object Key'
      
  • 使用场景:

    • 动态缓存某些复杂键值对的关系时,Map 更加适合。

三、WeakMap 数据结构

WeakMap 是一种特殊的映射表,其键必须是对象,且这些对象不会阻止垃圾回收的发生。

  • 声明方式:
    使用 new WeakMap() 创建实例。

    const weakMap = new WeakMap();
    
  • 主要方法:

    • .set(key, value):设置键值对。
      const objKey = {};
      weakMap.set(objKey, "value");
      
    • .get(key):通过键获取对应的值。
      console.log(weakMap.get(objKey)); // value
      
    • .delete(key):删除指定键及其关联的值。
      weakMap.delete(objKey);
      
    • .has(key):检查是否包含特定键。
      console.log(weakMap.has(objKey)); // false
      
  • 特点:

    • 不允许迭代,也不暴露 .keys().values() 方法。
    • 键只能是对象,无法使用原始类型作为键。
  • 使用场景:

    • 绑定私有属性到对象而不影响全局作用域。
      const privateData = new WeakMap();
      function MyClass(data) {privateData.set(this, data);
      }
      MyClass.prototype.getData = function() {return privateData.get(this);
      };
      const instance = new MyClass({ secret: "hidden" });
      console.log(instance.getData()); // { secret: "hidden" }
      

四、WeakSet 数据结构

WeakSet 类似于 Set,但它只接受对象作为成员,并且这些对象也不会被强引用保留。

  • 声明方式:
    使用 new WeakSet() 创建实例。

    const weakSet = new WeakSet();
    
  • 主要方法:

    • .add(value):添加一个对象到集合中。
      const obj = {};
      weakSet.add(obj);
      
    • .delete(value):从集合中移除指定的对象。
      weakSet.delete(obj);
      
    • .has(value):检查集合中是否包含某个对象。
      console.log(weakSet.has(obj)); // false
      
  • 特点:

    • 不允许遍历,也没有 .forEach() 等方法。
    • 成员仅限于对象,不支持其他类型。
  • 使用场景:

    • 跟踪一组对象的状态,而不需要显式销毁它们。
      const trackedObjects = new WeakSet();
      function track(object) {trackedObjects.add(object);
      }
      function isTracked(object) {return trackedObjects.has(object);
      }
      const obj = {};
      track(obj);
      console.log(isTracked(obj)); // true
      

示例代码总结

以下是综合使用的示例:

// Set 示例
const setExample = new Set([1, 2, 3, 3]);
console.log(setExample); // Set(3) { 1, 2, 3 }// Map 示例
const mapExample = new Map();
mapExample.set({ key: "unique" }, "value");
console.log(mapExample.get({ key: "unique" })); // undefined (因为每次创建的对象不同)const sameObj = { key: "same" };
mapExample.set(sameObj, "sharedValue");
console.log(mapExample.get(sameObj)); // sharedValue// WeakMap 示例
const weakMapExample = new WeakMap();
const objForWeakMap = {};
weakMapExample.set(objForWeakMap, "data");
console.log(weakMapExample.get(objForWeakMap)); // data// WeakSet 示例
const weakSetExample = new WeakSet();
const objForWeakSet = {};
weakSetExample.add(objForWeakSet);
console.log(weakSetExample.has(objForWeakSet)); // true

在这里插入图片描述

http://www.xdnf.cn/news/5093.html

相关文章:

  • 【PINN】DeepXDE学习训练营(18)——operator-diff_rec_unaligned_pideeponet.py
  • 安全核查基线-1.LPD服务
  • 【软件设计师:体系结构】15.计算机体系结构概论
  • 将/root下的employee.json挪到/home/Downloads/
  • 让模型具备“道生一,一生二,二生三,三生万物”的现实实用主义能力
  • Stagehand:AI驱动的下一代浏览器自动化框架
  • 历史温度曲线能优化样本存储的条件还是确保样本处于稳定状态呢?
  • Linux系统入门第十一章 --Shell编程之函数与数组
  • CreArt 2.5.6 |无限AI图片生成工具,将文字描述转化为独特艺术作品,解锁高级版
  • FastChat部署大模型
  • 从量子计算到人工智能代理
  • PPT插入图像自带透明
  • 分布式处理架构
  • android动态调试
  • Android对工程中的String中文字符的整理
  • 多序列比对软件 Clustal Omega 介绍
  • 深度学习 ———— 迁移学习
  • 动态路由匹配
  • 家庭NAS怎么选?
  • 软考高级系统架构设计师备考分享:操作系统核心知识点整理
  • QML AnimatedImage组件详解
  • SAP note 3565626 : Baltimore CyberTrust 根证书即将过期
  • AGV通信第3期|AGV集群智能应急响应系统:从故障感知到快速恢复
  • 微信小程序地图缩放scale隐性bug
  • 记忆化搜索
  • workbench fluent动画
  • 2025年现代职业教育质量提升计划(植保无人机实训室)解决方案
  • 【基础】模型上下文协议(Model Context Protocol, MCP)根本原理与工作机制详解
  • “点对点通信(Point-to-Point)”和“端对端通信(End-to-End)”
  • 高性能编程相关