迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

如何使用 JavaScript 合并集合(Set)

作者:迹忆客 最近更新:2022/10/16 浏览次数:

要合并集合,请使用扩展运算符 (...) 将两个或多个集合的值合并到一个数组中,并将它们传递给 Set() 构造函数,例如 new Set([...set1, ...set2])。 新集合将包含来自提供的 Set 对象的所有元素。

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

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

我们使用扩展运算符 (...) 将 2 个 Set 对象中的元素合并到一个数组中。

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

console.log([...set1]); // 👉️ ['one', 'two']

最后一步是将数组传递给 Set() 构造函数,该构造函数将一个可迭代对象作为参数。

设置好值后,新 Set 如下所示。

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

可以根据需要对尽可能多的 Set 对象重复此过程。

const set1 = new Set(['one']);
const set2 = new Set(['two']);
const set3 = new Set(['three']);

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

forEach 等方法按元素插入顺序迭代 Set 对象。 如果需要更改插入顺序,只需在使用扩展运算符时切换解包值的顺序即可。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便