在 ECMAScript 2016 中，引入了四个新的数据类型：Map，Set，WeakMap 和 WeakSet。这四个数据类型的引入，使得 JavaScript 在处理复杂数据类型时更加方便和高效。本文将为大家介绍如何在 ECMAScript 2016 中使用 Map，Set，WeakMap 和 WeakSet，同时提供详细的示例代码，以方便读者快速上手。
Map
Map 是一种键值对的集合，和普通对象的键值对不同的是，Map 中的键可以是任意数据类型，而普通对象的键只能是字符串类型。Map 可以用任何数据类型作为键，这对处理一些复杂的数据结构非常有用。在创建 Map 时，可以使用以下方法：
const map = new Map();
向 Map 中添加元素可以使用 set() 方法：
map.set('name', 'Lucy');从 Map 中获取元素可以使用 get() 方法：
map.get('name'); // Lucy从 Map 中删除元素可以使用 delete() 方法：
map.delete('name');Set
Set 是一种无序、不重复元素的集合。Set 中的元素不能重复，如果向 Set 中添加了重复的元素，则后面的元素会替换前面的元素。Set 可以用来去重，同时也比数组快得多。在创建 Set 时，可以使用以下方法：
const set = new Set();
向 Set 中添加元素可以使用 add() 方法：
set.add('apple');
set.add('banana');
set.add('orange');
set.add('apple'); // 这个元素不会被添加进去，因为 Set 中不能重复从 Set 中获取元素可以使用 values() 方法：
set.values(); // [ 'apple', 'banana', 'orange' ]
从 Set 中删除元素可以使用 delete() 方法：
set.delete('banana');WeakMap
WeakMap 是一种弱引用版本的 Map，它只接受对象作为键值。WeakMap 中的键只会被弱引用，这意味着当对象被垃圾回收时，WeakMap 中的键也会被自动删除。这是一种非常有用的特性，因为它可以避免内存泄漏。在创建 WeakMap 时，可以使用以下方法：
const weakMap = new WeakMap();
向 WeakMap 中添加元素可以使用 set() 方法：
const obj1 = {};
const obj2 = { name: 'Lucy' };
const obj3 = { name: 'Tom' };
weakMap.set(obj1, 'value1');
weakMap.set(obj2, 'value2');
weakMap.set(obj3, 'value3');从 WeakMap 中获取元素可以使用 get() 方法：
weakMap.get(obj1); // value1 weakMap.get(obj2); // value2 weakMap.get(obj3); // value3
从 WeakMap 中删除元素可以使用 delete() 方法：
weakMap.delete(obj2);
WeakSet
WeakSet 是一种弱引用版本的 Set，它只接受对象作为元素。WeakSet 中的元素只会被弱引用，这意味着当对象被垃圾回收时，WeakSet 中的元素也会被自动删除。在创建 WeakSet 时，可以使用以下方法：
const weakSet = new WeakSet();
向 WeakSet 中添加元素可以使用 add() 方法：
const obj1 = {};
const obj2 = {};
const obj3 = {};
weakSet.add(obj1);
weakSet.add(obj2);
weakSet.add(obj3);从 WeakSet 中删除元素可以使用 delete() 方法：
weakSet.delete(obj2);
总结
在 ECMAScript 2016 中，引入了四种新的数据类型：Map，Set，WeakMap 和 WeakSet。Map 和 Set 可以用来处理复杂数据类型，同时也比普通对象和数组更高效。WeakMap 和 WeakSet 则可以避免内存泄漏的问题，因为它们只会弱引用元素。在实际开发中，我们可以根据需求选择适合的数据类型，以提高代码的效率和可维护性。
示例代码如下：
-- -------------------- ---- ------- -- --- -- ----- --- - --- ------ --------------- -------- ----------------------------- -- ---- ------------------- -- --- -- ----- --- - --- ------ ----------------- ------------------ ------------------ -------------------------- -- - -------- --------- -------- - --------------------- -- ------- -- ----- ------- - --- ---------- ----- ---- - --- ----- ---- - - ----- ------ -- ----- ---- - - ----- ----- -- ----------------- ---------- ----------------- ---------- ----------------- ---------- ------------------------------- -- ------ --------------------- -- ------- -- ----- ------- - --- ---------- ----- ---- - --- ----- ---- - --- ----- ---- - --- ------------------ ------------------ ------------------ ---------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b255d848841e9894e9698f