ES6 Set 数据结构：革新你的集合操作

在 JavaScript 的世界里，集合操作一直是至关重要的。然而，传统的数组在处理重复值时常常捉襟见肘。为了解决这一痛点，ES6 引入了 Set 数据结构，它将集合操作提升到了一个新的高度。

Set 的本质

与数组不同，Set 是一种无序的集合，其中成员值是唯一的。这意味着每个值在 Set 中只出现一次，无论重复多少次。这种独特的特性使得 Set 在需要处理不重复数据的情况下大放异彩。

创建和填充 Set

创建 Set 非常简单：

const mySet = new Set();

向 Set 中添加值也同样简单：

mySet.add('值1');
mySet.add('值2');
mySet.add('值1'); // 重复值将被忽略

Set 的关键操作

1. 检查成员值：

console.log(mySet.has('值1')); // 输出：true
console.log(mySet.has('值3')); // 输出：false

2. 删除成员值：

mySet.delete('值2');

3. 获取 Set 大小：

console.log(mySet.size); // 输出：1

4. 遍历 Set：

mySet.forEach((value) => {
  console.log(value);
});
// 输出：
// 值1

Set 的应用场景

Set 在 JavaScript 中有着广泛的应用场景，包括：

• 去除数组中的重复元素：

const uniqueArray = [...new Set(array)];

• 检查值是否存在于多个集合中：

const set1 = new Set([1, 2, 3]);
const set2 = new Set([3, 4, 5]);
console.log(set1.hasAny(...set2)); // 输出：true

• 求两个集合的交集：

const intersection = new Set([...set1].filter((value) => set2.has(value)));

• 求两个集合的并集：

const union = new Set([...set1, ...set2]);

总结

ES6 的 Set 数据结构为 JavaScript 的集合操作带来了革命性的变化。它提供了高效、无重复的集合管理机制，简化了各种常见操作，让开发者可以更轻松地处理不重复数据。无论是在前端还是后端开发中，Set 都将成为开发者工具包中的必备利器。