ECMAScript 2019 中的 Set 和 WeakSet 如何高效处理数据集合？
在前端开发中，数据集合是一种非常常见的数据结构。例如，我们经常需要存储一组唯一的数据，或需要对数据进行快速的查找、添加、删除等操作。这时，ECMAScript 2019 中的 Set 和 WeakSet 就可以派上用场了。
Set 和 WeakSet 的概念
Set 是 ES6 中新增的一个数据结构，用于存储一组唯一且无序的数据。Set 中的每个元素都是唯一的，重复的元素会被忽略掉。Set 最常用的方法是 add、has 和 delete，它们用于添加、查询和删除集合中的元素。
const set = new Set([1, 2, 3]); set.add(4); // 添加元素 set.has(2); // 查询元素是否存在 set.delete(3); // 删除元素
WeakSet 跟 Set 很像，但是它的元素必须是弱引用。弱引用的对象，如果没有其他的强引用变量指向它，就会被垃圾回收。WeakSet 不会阻止垃圾回收器回收掉它里面的对象。如果你要在 WeakSet 中存储对象，一定要确保在其他地方有对应的引用指向这个对象，否则这个对象就会被垃圾回收。
const set = new WeakSet();
const obj = { name: "lucy" };
set.add(obj);Set 和 WeakSet 的学习意义
Set 和 WeakSet 是一种极其实用的数据结构，它们的出现，为我们的编码提供了更加高效的解决方案，可以帮助我们更加高效地处理数据集合。在实际使用过程中，我们可以根据需要来选择使用 Set 还是 WeakSet。Set 适用于需要存储唯一数据的场景，WeakSet 适用于需要存储对象的场景。
下面我们以一个简单的示例来说明 Set 和 WeakSet 的具体应用。
Set 和 WeakSet 的示例应用
在实际开发中，我们经常需要存储一组唯一的数据。例如，我们需要统计一段字符串中不重复的字符数量。
利用 Set 很容易就可以实现这个功能。
const str = "hello";
const set = new Set(str.split("")); // 将字符串转成数组并生成 Set 集合
console.log(set.size); // 输出 4，因为 "l" 只出现了一次同样的，我们也可以使用 WeakSet 来存储对象，并且不会影响对象的垃圾回收。例如，我们需要监听一个 DOM 节点的 click 事件，并在节点被移除时自动取消事件监听。
-- -------------------- ---- ------- ----- --- - ---------------------------------- ----- ------- - -- -- - ------------------------ -- ----------------------------- --------- ----- --- - --- ---------- ------------- -- - --- -------------- --------- ------------ -- -------------------------------- ---------
总结
Set 和 WeakSet 是 ES6 中非常实用的数据结构，它们可以帮助我们高效地处理数据集合，如存储唯一数据、快速查找数据、自动取消事件监听等。在实际使用过程中，我们可以根据需要来选择使用 Set 还是 WeakSet。Set 适用于需要存储唯一数据的场景，WeakSet 适用于需要存储对象的场景。etCode 编码平台提供了 Set 和 WeakSet 的语法和练习题，可以帮助读者更快更好地掌握这两个 API 的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651944d395b1f8cacd1751c1