JavaScript对象映射全解析

JavaScript 提供了 Map、Set、WeakMap 和 WeakSet 等多种内置集合类型，各具特色且互补：Map 支持任意类型键（包括对象、函数、undefined）并保持插入顺序，是动态键名和非字符串键映射的理想选择；Set 专注唯一值管理，高效实现去重与存在性检查；WeakMap 和 WeakSet 则通过弱引用机制避免内存泄漏，专用于对象关联的临时元数据或状态标记；而传统 Object 仍适用于静态配置场景。掌握它们的核心差异与适用边界，能显著提升数据操作的准确性、性能与代码健壮性。

JavaScript 提供了多种用于存储和操作数据的集合类型，其中 Map 是一种非常实用的键值对映射数据结构。相比传统的对象（Object），Map 在某些场景下更具优势，尤其适合动态键名或非字符串键的情况。

Map：键值对的有序映射

Map 是 ES6 引入的一种内置数据结构，允许你使用任意类型的值作为键或值，并保持插入顺序。

与普通对象不同，Map 的键可以是对象、函数、数字、字符串甚至 undefined，不会发生类型强制转换。

• set(key, value)：添加或更新一个键值对
• get(key)：获取指定键对应的值
• has(key)：判断是否包含某个键
• delete(key)：删除指定键
• clear()：清空所有键值对
• size：返回键值对数量

示例：

const map = new Map();
map.set('name', 'Alice');
map.set(100, 'number key');
map.set({id: 1}, [1, 2, 3]);

console.log(map.get('name'));     // "Alice"
console.log(map.get(100));        // "number key"
console.log(map.size);            // 3

Set：唯一值的集合

Set 是另一种 ES6 新增的集合类型，用于存储唯一值（不允许重复）。

它非常适合去重数组、快速查找是否存在某个值等场景。

• add(value)：添加值（若已存在则忽略）
• has(value)：检查是否包含该值
• delete(value)：删除指定值
• clear()：清空集合
• size：返回元素个数

示例：

const set = new Set([1, 2, 2, 3, 4, 4]);
console.log([...set]); // [1, 2, 3, 4]，实现数组去重

set.add('hello');
console.log(set.has('hello')); // true

WeakMap 和 WeakSet：弱引用集合

它们与 Map 和 Set 类似，但有重要区别：键必须是对象，且是“弱引用”，不阻止垃圾回收。

适用于需要临时关联对象数据但不想影响内存回收的场景。

• WeakMap：键为对象，不能遍历，适合私有数据或元数据管理
• WeakSet：值为对象，同样不可遍历，常用于标记对象状态

注意：WeakMap 和 WeakSet 不支持 size、clear() 或遍历操作，因为其内容可能随时被回收。

如何选择合适的集合类型？

根据使用场景选择合适的数据结构能提升代码效率和可读性。

• 需要键值对映射，且键不是字符串？用 Map
• 需要去重或判断成员存在性？用 Set
• 只处理对象键且关注内存？考虑 WeakMap / WeakSet
• 简单静态配置？普通 Object 仍可用

基本上就这些。合理利用 JavaScript 提供的集合类型，能让数据管理更灵活高效。

本篇关于《JavaScript对象映射全解析》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！