将值数组添加到 JavaScript 中的现有集合

将值数组添加到现有集合中

Add Array of Values to an Existing Set in JavaScript

将一组值添加到现有的Set：

1. 使用该forEach()方法遍历数组。
2. 在每次迭代中，使用该add()方法将数组元素添加到
   Set.
3. 最后一次迭代后，数组中的所有值都将添加到
   Set.

const set1 = new Set();
const arr = ['one', 'two', 'three'];

arr.forEach(element => {
  set1.add(element);
});

console.log(set1); // 👉️ {'one', 'two', 'three'}

我们传递给
Array.forEach
方法的函数会针对数组中的每个元素进行调用。

在每次迭代中，我们使用
Set.add
方法将元素添加到Set.

请注意，Set对象仅存储唯一值。如果您的数组包含重复项，则不会将任何重复项添加到Set.

const set1 = new Set();
const arr = ['one', 'one', 'one'];

arr.forEach(element => {
  set1.add(element);
});

console.log(set1); // 👉️ {'one'}

我们的数组包含 3 个元素，但有2重复的元素没有添加到Set对象中。

另一种方法是使用
扩展语法 (…)。

将一组值添加到现有的Set：

1. Set使用Set()构造函数创建一个新的。
2. Set使用扩展运算符将和 数组的值解包到新的Set，例如new Set([...set, ...arr])。
3. 新的Set将包含来自原始Set和数组的值。

const set1 = new Set();
const arr = ['one', 'two', 'three'];

const newSet = new Set([...set1, ...arr]);
console.log(newSet); // 👉️ {'one', 'two', 'three'}

Set我们使用构造函数创建了一个新的Set()，在其中我们解包了原始Set值和数组的值。

这种方法非常简洁紧凑，但它不会为Set原始Set.

如果要将数组的值添加到原始Set，请使用该forEach
方法。