在 ES8 中， Set 方法得到了升级和扩展，为前端开发带来了更多的便利性和可操作性。在本文中，我们将详细讲述 ES8 中 Set 方法的升级和应用，并提供示例代码。
Set 方法的简介
Set 是一种 JavaScript 中的集合数据结构，它是一个无序的、唯一的集合，其中的元素可以是任何类型的，包括基本类型、对象引用等。 Set 中每个元素唯一的性质，使其在需要对一组值进行去重或者过滤的场景中非常有用。
基本用法：
-- -------------------- ---- ------- ----- ----- - --- ------ ------------- ------------- --------------- ------- ----------- -- -- -- - --- ------------------------ -- ------- - -------------------------- -- ------- ---- ----------------------- -- -- -- - ---- -- ------- -----
Set 方法的升级
在 ES8 中， Set 方法得到了升级和扩展，其中包括以下三种：
1. Set.prototype.values()
Set.prototype.values() 方法返回一个迭代器，用于按集合中元素添加顺序迭代集合。
const mySet = new Set([1, 2, 3, 4, 5]);
console.log(mySet.values()); // output: SetIterator {1, 2, 3, 4, 5}2. Set.prototype.entries()
Set.prototype.entries() 方法返回一个迭代器，其中每个元素都是一个包含两个元素的数组，第一个为值，第二个为相同值的句柄。
const mySet = new Set([1, 2, 3, 4, 5]);
console.log(mySet.entries());
// output:
// SetIterator { [ 1, 1 ], [ 2, 2 ], [ 3, 3 ], [ 4, 4 ], [ 5, 5 ] }3. Set.prototype.forEach()
Set.prototype.forEach() 方法采用一个回调函数作为参数，该回调函数在集合中的每个元素上被调用，以及可选的上下文。
const mySet = new Set([1, 2, 3, 4, 5]);
mySet.forEach((value) => {
console.log(value);
});
// output: 1 2 3 4 5Set 方法的应用
1. 数组去重
利用 Set 的唯一元素性质，我们可以很容易地将数组去重。
const arr = [1, 1, 2, 2, 3]; const uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // output: [ 1, 2, 3 ]
2. 集合运算
ES8 中 Set 方法的升级，使得它不仅可以用于数组去重，还可以处理集合运算：
-- -------------------- ---- ------- ----- ---- - --- ------- -- ---- ----- ---- - --- ------- -- ---- -- -- ----- ----- - --- ------------- ---------- ------------------- -- ------- --- --- -- -- -- -- -- ----- ------------ - --- ------------------------ -- -------------- -------------------------- -- ------- --- --- -- -- -- ----- ---------- - --- ------------------------ -- --------------- ------------------------ -- ------- --- ---
总结
Set 是 JavaScript 中非常有用的集合数据结构，它可以帮助我们快速去重、处理集合运算。在 ES8 中， Set 方法得到了升级和扩展，包括 values()、entries()、forEach() 方法，为我们提供了更多的操作方式。掌握 Set 的升级应用，有助于提高我们代码的简洁度和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646ddd8e968c7c53b0c7d016