如何将值数组添加到 Set

Question

将数组的所有值添加到 Set 的老式方法是：

// for the sake of this example imagine this set was created somewhere else 
// and I cannot construct a new one out of an array
let mySet = new Set()

for(let item of array) {
  mySet.add(item)
}

有没有更优雅的方式来做到这一点？也许是mySet.add(array) 或mySet.add(...array)？

PS：我知道两者都不起作用

Answer 1

虽然Set API 仍然非常简约，但您可以使用Array.prototype.forEach 并稍微缩短代码：

array.forEach(item => mySet.add(item))

// alternative, without anonymous arrow function
array.forEach(mySet.add, mySet)

Answer 2

这是一个函数式的方式，返回一个新的集合：

const set = new Set(['a', 'b', 'c'])
const arr = ['d', 'e', 'f']
const extendedSet = new Set([ ...set, ...arr ])
// Set { 'a', 'b', 'c', 'd', 'e', 'f' }

Answer 3

这是IMO最优雅的

// for a new Set 
const x = new Set([1,2,3,4]);

// for an existing Set
const y = new Set();

[1,2,3,4].forEach(y.add, y);

Answer 4

如何使用扩展运算符轻松地将新数组项混合到现有集合中？

const mySet = new Set([1,2,3,4])
const additionalSet = [5,6,7,8,9]
mySet = new Set([...mySet, ...additionalSet])

JSFIDDLE

Answer 5

你也可以使用Array.reduce():

const mySet = new Set();
mySet.add(42); // Just to illustrate that an existing Set is used

[1, 2, 3].reduce((s, e) => s.add(e), mySet);

Answer 6

创建一个新集合：

    //Existing Set
    let mySet = new Set([1,2,3,4,5]);
    //Existing Array
    let array = [6,7,8,9,0];
        
    mySet = new Set(array.concat([...mySet]));
    console.log([...mySet]);
    
    //or single line
    console.log([...new Set([6,7,8,9,0].concat([...new Set([1,2,3,4,5])]))]);

Answer 7

只是在这里发布灵感.. 创建一个扩展 Set 的类，并添加一个 addRange 方法。

    class MegaSet extends Set {
    
      constructor(iterable) {
       super(iterable);
      }
      
      addRange(range) {
        for (var elem of range) {
          this.add(elem);
        }
      }
    }
    
    const array = [1,2,3,5,5,6];
    let mySet = new MegaSet([1,2,3,4]);
    
    mySet.addRange(array);
    console.log([...mySet]);

Answer 8

目前没有适用于 Set 的 addAll 方法，但使用它们时您有两个选项可以简化您的生活。第一个是扩展原型。在您这样做之前，read this post 并在之后决定可能的后果是否适合您的项目/预期用途。

if (!Set.prototype.addAll) {
  Set.prototype.addAll = function(items) {
    if (!Array.isArray(items)) throw new TypeError('passed item is not an array');
    // or (not sure what the real Set.prototype will get sometime)
    // if (!Array.isArray(items)) items = [items];
    for (let it of items) {
      this.add(it);
    }
    return this;
  }
}

如果您决定不扩展原型，只需创建一个可以在项目中重用的函数

function addAll(_set, items) {
    // check set and items
    for (let it of items) {
         _set.add(it);
    }
    return _set;
}

Answer 9

@Fuzzyma，我建议你使用 JavaScript 的 Prototyping 在 Set 上定义新方法。

不要使用 Set 上定义的内置方法名称。

如果您仍然喜欢使用与 add 这样的内置函数名称相同的函数名称，那么更好的方法是继承 Set 并覆盖 add() 方法。

这是在不影响其方法的情况下向现有对象添加方法并使用我们自己的同名方法的更好方法。 方法覆盖的魅力，一个不错的 OOP 概念。

在下面的代码中，我在 Set 上定义了addItems()。

通过http://rextester.com/LGPQC98007在线试用。

var arr = [3, 7, 8, 75, 65, 32, 98, 32, 3];
var array = [100, 3, 200, 98, 65, 300]; 

// Create a Set
var mySet = new Set(arr);
console.log(mySet);

// Adding items of array to mySet
Set.prototype.addItems = function(array) {
    for(var item of array){
        this.add(item)
    }
}

mySet.addItems(array);
console.log(mySet)

» 输出

Set { 3, 7, 8, 75, 65, 32, 98 }
Set { 3, 7, 8, 75, 65, 32, 98, 100, 200, 300 }