在 JavaScript 中，Set 对象是一个无序且不重复的集合。它是 ES6 中新增的数据结构之一，可以用来存储任何类型的数据。Set 对象的常见操作包括：增加、删除、查找、遍历等。
创建 Set 对象
我们可以使用以下语法来创建一个空的 Set 对象：
const set1 = new Set();
我们也可以通过传入一个数组或类数组对象来创建一个有初始值的 Set 对象：
const set2 = new Set([1, 2, 3, 4, 5]);
Set 对象的常见操作
向 Set 对象中添加元素
可以使用 add() 方法向 Set 对象中添加新的元素。如果该元素已经存在于 Set 对象中，添加操作会被忽略。
const set = new Set();
set.add(1);
set.add(2);
set.add(3);
set.add(2); // 该操作会被忽略，因为 2 已经存在于 Set 对象中
console.log(set); // Set {1, 2, 3}从 Set 对象中删除元素
可以使用 delete() 方法从 Set 对象中删除指定的元素。如果 Set 对象中不存在该元素，删除操作会被忽略。
const set = new Set([1, 2, 3, 4, 5]);
set.delete(3);
console.log(set); // Set {1, 2, 4, 5}判断 Set 对象中是否存在指定元素
可以使用 has() 方法来判断 Set 对象中是否存在指定的元素。如果存在，返回 true；否则返回 false。
const set = new Set([1, 2, 3, 4, 5]); console.log(set.has(3)); // true console.log(set.has(6)); // false
清空 Set 对象
可以使用 clear() 方法来清空 Set 对象中的所有元素。
const set = new Set([1, 2, 3, 4, 5]);
set.clear();
console.log(set); // Set {}遍历 Set 对象
Set 对象有多种遍历方式，包括：for...of 循环、forEach() 方法、entries() 方法、keys() 方法和 values() 方法。
-- -------------------- ---- ------- ----- --- - --- ------- -- -- -- ---- -- -------- -- --- ------ ---- -- ---- - ------------------ - -- --------- -- ---------------- -- ------------------- -- --------- -- --- ------ ------- ----- -- -------------- - ------------------ ------ - -- ------ -- --- ------ --- -- ----------- - ----------------- - -- -------- -- --- ------ ----- -- ------------- - ------------------- -
Set 对象的应用
数组去重
Set 对象可以使用其去重的特性来实现数组去重。
const arr = [1, 1, 2, 3, 3, 3, 4, 5, 5]; const set = new Set(arr); const uniqueArr = [...set]; console.log(uniqueArr); // [1, 2, 3, 4, 5]
求两个数组的并集、交集和差集
可以利用 Set 对象中集合运算的特性，求两个数组的并集、交集和差集。
-- -------------------- ---- ------- ----- ---- - --- -- -- -- --- ----- ---- - --- -- -- -- --- ----- ---- - --- ---------- ----- ---- - --- ---------- -- -- ----- ----- - --- ------------- ---------- ------------------- -- --- --- -- -- -- -- -- -- -- -- ----- ------------ - --- ------------------------- -- ----------------- -------------------------- -- --- --- -- -- -- -- ----- ---------- - --- ------------------------- -- ------------------ ------------------------ -- --- --- --
总结
本文介绍了 Set 对象的常见操作，包括创建、增加、删除、查找、遍历等。同时，也给出了 Set 对象的常见应用场景，包括数组去重、求两个数组的并集、交集和差集等。通过学习本文，相信大家可以更好地理解和应用 Set 对象，并在实际开发中发挥其作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6462f8f5968c7c53b0403fe4