JavaScript 的 Set 是一个特殊的构造函数，它是一个集合数据结构，用于存储唯一的值。它可以帮助开发者存储一系列不重复的元素，是处理唯一性验证和数据去重的有力工具。本教程将带你从基础概念开始，逐步深入到实际应用，让你熟练掌握 JavaScript 的 Set。
基础概念
什么是 Set？
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。在 Set 中，每个元素都是唯一的，重复的值会被忽略。
const mySet = new Set();
上面的代码创建了一个新的空 Set。
基本用法
你可以使用 new Set() 来创建一个新的 Set 实例，然后使用 add 方法来添加元素。
const set = new Set();
set.add(1); // 添加数字
set.add('a'); // 添加字符串
set.add({a: 1}); // 添加对象
在上面的代码中，尽管 {a: 1} 和 {a: 1} 是不同的对象，但它们在 Set 中被视为相同的值。
检查元素是否存在
你可以使用 has 方法来检查 Set 中是否存在某个值。
console.log(set.has(1)); // 输出: true
console.log(set.has({a: 1})); // 输出: false
在上面的例子中，数字 1 存在于 Set 中，而 {a: 1} 对象则不存在。
Set 方法
Set 对象提供了一系列方法来处理集合中的数据。
add()
add 方法用于向 Set 添加新元素。
set.add('b');
delete()
delete 方法用于从 Set 中移除元素。
set.delete('a');
has()
has 方法用于检查元素是否存在于 Set 中。
console.log(set.has('b')); // 输出: true
clear()
clear 方法用于清除 Set 中的所有元素。
set.clear();
entries()
entries 方法返回一个包含 Set 中所有元素的键值对数组。
for (let [key, value] of set.entries()) {
console.log(key + ' : ' + value);
}
values()
values 方法返回一个新的迭代器对象，包含 Set 中所有的值。
for (let value of set.values()) {
console.log(value);
}
keys()
keys 方法返回一个新的迭代器对象，包含 Set 中所有的键（在这个情况下，键和值相同）。
for (let key of set.keys()) {
console.log(key);
}
实战应用
数据去重
使用 Set 可以很容易地实现数据去重。
const numbers = [1, 2, 3, 2, 1];
const uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers); // 输出: [1, 2, 3]
检查唯一性
在验证输入数据的唯一性时，Set 可以派上大用场。
function isUnique(input) {
return new Set(input).size === input.length;
}
console.log(isUnique(['a', 'b', 'c'])); // 输出: true
console.log(isUnique(['a', 'a', 'b'])); // 输出: false
处理重复项
在某些场景中，你可能需要保留重复的值。Set 无法满足这一需求，因为它的唯一性要求。
const repeatedNumbers = [1, 2, 2, 3, 3, 3];
console.log(repeatedNumbers); // 输出: [1, 2, 2, 3, 3, 3]
在上面的例子中，数组 repeatedNumbers 保留了所有的重复项。
总结
Set 是 JavaScript 中一种非常有用的数据结构，它可以用来处理唯一值和进行数据去重。通过本文的介绍，相信你已经对 Set 有了一定的了解。在未来的编程实践中，尝试将 Set 应用于不同的场景，提高你的代码质量。