Set 是 JavaScript 中的一种数据结构，它类似于数组，但是没有重复的值。在 ES2015 中，Set 被添加到了 JavaScript 标准中，现在在 ECMAScript 2018 中得到了一些改进。在本文中，我们将介绍 Set 的常见问题及应用，并提供示例代码和指导意义。
一、什么是 Set？
Set 是一种类似于数组的数据结构，以键（key）的方式保存唯一的值（value）。这意味着，任何重复的值只会出现一次，而且顺序不是 Set 中值的属性。Set 对象可以用来保存任何类型的值，例如原始值或对象引用。
以下是一个示例代码，展示了如何创建一个 Set 并向其中添加一些值：
const mySet = new Set();
mySet.add(1);
mySet.add("some text");
mySet.add({});
console.log(mySet.size); // 3二、常见问题
1. 如何判断一个值是否在 Set 中？
可以使用 Set 对象的 has() 方法，该方法返回一个布尔值，表示 Set 对象中是否存在指定值。以下是一个示例代码：
const mySet = new Set();
mySet.add(1);
mySet.add("some text");
mySet.add({});
console.log(mySet.has(1)); // true
console.log(mySet.has("some text")); // true
console.log(mySet.has({})); // false因为对象是引用类型，mySet.has({}) 返回 false。因为 Set 中的每个元素都是唯一的，所以不能使用 === 运算符来比较两个对象是否相等。
2. 如何从 Set 中删除一个值？
可以使用 Set 对象的 delete() 方法，该方法返回一个布尔值，表示 Set 对象中是否存在指定值并成功删除。以下是一个示例代码：
const mySet = new Set();
mySet.add(1);
mySet.add("some text");
mySet.add({});
console.log(mySet.delete(1)); // true
console.log(mySet); // Set { 'some text', {} }3. 如何清空 Set？
可以使用 Set 对象的 clear() 方法来清空 Set 中的所有元素。以下是一个示例代码：
const mySet = new Set();
mySet.add(1);
mySet.add("some text");
mySet.add({});
mySet.clear();
console.log(mySet); // Set {}4. 如何使用 forEach 遍历 Set？
可以使用 Set 对象的 forEach() 方法来遍历 Set 中的元素。该方法接受一个回调函数，该回调函数将根据 Set 中元素的插入顺序执行。以下是一个示例代码：
const mySet = new Set();
mySet.add(1);
mySet.add("some text");
mySet.add({});
mySet.forEach(function(value) {
console.log(value);
});5. 如何将 Set 转换为数组？
可以使用 Array.from() 方法或者扩展运算符 ... 来将 Set 转换为数组。以下是一个示例代码：
-- -------------------- ---- ------- ----- ----- - --- ------ ------------- --------------- ------- -------------- ----- ------- - ------------------ --------------------- -- - -- ----- ------ -- - -- -- ----- -------- - ----------- ---------------------- -- - -- ----- ------ -- -
三、应用
1. 判断数组中是否有重复元素
可以将数组转换为 Set，然后比较 Set 和数组的长度是否相等来判断数组中是否有重复元素。以下是一个示例代码：
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const set = new Set(arr);
if (set.size !== arr.length) {
console.log("Array has duplicate elements!");
} else {
console.log("Array has no duplicate elements!");
}2. 求数组的交集
可以将数组转换为 Set，然后使用 Set 对象的交集计算方法，最后将交集转换为数组。以下是一个示例代码：
const arr1 = [1, 2, 3, 4]; const arr2 = [3, 4, 5, 6]; const set1 = new Set(arr1); const set2 = new Set(arr2); const intersection = new Set([...set1].filter(x => set2.has(x))); console.log([...intersection]); // [ 3, 4 ]
四、结论
Set 是一种有用的数据结构，它可以帮助我们解决许多常见的问题，例如检查数组中是否有重复元素，求数组的交集等。Set 对象的常见问题包括如何判断一个值是否在 Set 中、如何从 Set 中删除一个值、如何清空 Set 等。我们可以使用 forEach() 方法遍历 Set 对象，使用 Array.from() 方法或者扩展运算符 ... 将 Set 对象转换为数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677629816d66e0f9aa0ae218