JavaScript 是一门非常灵活的语言，它不仅仅支持基本数据类型，还支持复杂数据结构，如对象和数组。ES6（ECMAScript 2015）中引入了集合（Set）这一新数据类型，在前端开发中具有广泛的应用。
集合介绍
集合是一种无序的、不重复的数据结构。这意味着集合中的每个元素都是唯一的，没有任何重复的值，并且没有任何特定的顺序，元素可以随时被添加和删除。可以将集合看作一种特殊的数组，只不过其中不允许重复元素。
在 ES6 中，我们可以使用 Set 类来创建集合。下面是一个简单的示例代码：
const set = new Set();
set.add(4);
set.add(5);
set.add(6);
console.log(set); // Set {4, 5, 6}
console.log(set.size); // 3从上述代码中可以看出，我们首先创建了一个空的 Set 实例，然后使用 add 方法向集合中添加元素。size 属性用于查看集合中元素的数量。
集合的常用操作
除了添加元素，集合还支持其他一些常用的操作。下面是一些常见的集合操作：
删除元素
集合中的元素可以使用 delete 方法进行删除。如果元素存在，则返回 true，否则返回 false。
const set = new Set([1, 2, 3]);
set.delete(2);
console.log(set); // Set {1, 3}清空集合
可以使用 clear 方法来清空集合中的所有元素。
const set = new Set([1, 2, 3]);
set.clear();
console.log(set); // Set {}判断元素是否存在
可以使用 has 方法来判断集合中是否存在某个元素。如果存在，返回 true，否则返回 false。
const set = new Set([1, 2, 3]); console.log(set.has(2)); // true console.log(set.has(4)); // false
遍历集合
可以使用 forEach 方法来迭代集合中的每个元素。
const set = new Set([1, 2, 3]);
set.forEach(function(value) {
console.log(value);
});
// 1
// 2
// 3实际应用示例
集合在前端开发中具有广泛的应用。下面是一个示例，使用集合来查找两个数组中的相同元素：
-- -------------------- ---- -------
----- ---- - --- -- -- ---
----- ---- - --- -- -- ---
----- ---- - --- ----------
----- ---- - --- ----------
----- ------ - ---
---------------------------- -
-- ----------------- -
-------------------
-
---
-------------------- -- --- --在上述示例中，我们首先将两个数组分别转换为集合，然后使用 forEach 方法查找两个集合中的相同元素，存储到 result 数组中。最终输出结果为 3 和 7。
总结
集合是一种非常实用的数据结构，可以用于前端开发中的许多场景。ES6 中引入了 Set 类来支持集合操作，包括添加、删除、清空、判断元素是否存在和遍历等常用操作。在实践中，我们可以通过集合来解决各种问题，例如查找数组中的重复元素、去除数组中的重复元素等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454731e968c7c53b0857cb9