首页 > web前端 > js教程 > 正文

JavaScript中的Map与Set数据结构使用_js ES6+

狼影
发布: 2025-11-02 13:51:02
原创
933人浏览过
Map和Set是ES6新增的集合类型,Map支持任意键类型并保持插入顺序,适合存储键值对;Set自动去重,用于唯一值集合;WeakMap和WeakSet以弱引用避免内存泄漏,适用于对象私有数据管理。

javascript中的map与set数据结构使用_js es6+

在JavaScript ES6中,MapSet是两种新增的集合类型,它们弥补了传统对象和数组在处理键值对和唯一值集合时的不足。相比普通对象,它们更灵活、语义更清晰,尤其适合管理动态数据结构。

Map:键值对的有序集合

Map允许你使用任意类型的值作为键或值,并保持插入顺序。与普通对象只支持字符串或Symbol作为键不同,Map可以使用对象、函数甚至NaN作为键。

常用方法包括:

即构数智人
即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台,支持数字人形象定制、短视频创作、数字人直播等。

即构数智人36
查看详情 即构数智人
  • set(key, value):添加或更新键值对
  • get(key):获取对应值
  • has(key):判断是否存在该键
  • delete(key):删除指定键值对
  • clear():清空所有内容
  • size:返回键值对数量

示例:

立即学习Java免费学习笔记(深入)”;

const map = new Map();
map.set('name', 'Alice');
map.set({id: 1}, [1, 2, 3]);
map.get('name'); // 'Alice'
map.has({id: 1}); // false(引用不同)
登录后复制

遍历Map:

for (const [key, value] of map) {
  console.log(key, value);
}
// 或使用 forEach
map.forEach((value, key) => {
  console.log(key, value);
});
登录后复制

Set:唯一值的集合

Set用于存储唯一值,自动去重。任何类型都可以存入Set,重复的值将被忽略。

常用方法包括:

  • add(value):添加值
  • has(value):检查是否存在
  • delete(value):删除值
  • clear():清空集合
  • size:返回元素个数

示例:

立即学习Java免费学习笔记(深入)”;

const set = new Set([1, 2, 2, 3, 4, 4]);
console.log(set); // Set {1, 2, 3, 4}

set.add('hello');
set.has(1); // true
登录后复制

Set常用于数组去重:

const arr = [1, 2, 2, 3, 4, 4];
const uniqueArr = [...new Set(arr)]; // [1, 2, 3, 4]
登录后复制

WeakMap 与 WeakSet:弱引用集合

这两个变体仅接受对象作为键(WeakMap)或值(WeakSet),并且是“弱引用”,不会阻止垃圾回收。适合用于私有数据或对象元信息管理,避免内存泄漏。

特点:

  • 不阻止垃圾回收
  • 不可迭代
  • 没有size属性或clear()方法

WeakMap 示例:

const wm = new WeakMap();
const obj = {};
wm.set(obj, 'private data');
wm.get(obj); // 'private data'
obj = null; // 对象可被回收
登录后复制

基本上就这些。Map和Set让JavaScript的数据操作更强大,特别是在需要唯一性或非字符串键的场景下非常实用。合理使用Weak版本还能优化内存表现。

以上就是JavaScript中的Map与Set数据结构使用_js ES6+的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号