迹忆客 专注技术分享

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

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 对象仅存储唯一值。 如果我们的数组包含重复项，则不会将任何重复项添加到集合中。

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

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

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

我们的数组包含 3 个元素，但有 2 个重复项没有添加到 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 添加值，而是创建一个新 Set。

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