Set方法
admin
2024-02-24 06:36:05
0次

基本使用

new Set([iterable])接受一个数组,(或者具有iterable接口的其他数据结构),返回一个新的Set对象

const set = new Set([1,2,1,2])
console.log(set) // {1,2} 

上面代码可以看出Set是可以去除数组中的重复元素

属性及方法

属性

  • size:返回集合中所包含的元素的数量
console.log(new Set([1,2,1,2]).size) // 2

操作方法

  • add(value):向集合中添加一个新的项
  • delete(value):从集合中删除一个值
  • has(value):如果值在集合中存在,返回true,否则返回false
  • clear(value):移除集合中的所有项
let set = new Set()
set.add(1)
set.add(2)
set.add(2)
set.add(3)
console.log(set) // {1,2,3}
set.has(2) // true
set.delete(2)  
set.has(2) // false
set.clear() 

遍历方法

  • keys():返回键名的遍历器
  • values():返回键值的遍历器
  • entries():返回键值对的遍历器
  • forEach():使用回调函数遍历每个成员
let set = new Set([1,2,3,4])// 由于set只有键值,没有键名,所以keys() values()行为完全一致
console.log(Array.from(set.keys())) // [1,2,3,4]
console.log(Array.from(set.values())) // [1,2,3,4]
console.log(Array.from(set.entries())) //  [[1,1],[2,2],[3,3],[4,4]]set.forEach((item) => { console.log(item)}) // 1,2,3,4

应用场景

// 数组去重
let arr = [1, 1, 2, 3];
let unique = [... new Set(arr)];let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);// 并集
let union = [...new Set([...a, ...b])]; // [1,2,3,4]// 交集
let intersect = [...new Set([...a].filter(x => b.has(x)))]; [2,3]// 差集
let difference = Array.from(new Set([...a].filter(x => !b.has(x)))); [1]

相关内容

热门资讯

AI做攻略、“双向奔赴”……国... 本文转自:人民网人民网记者 许维娜今年国庆假期,AI(人工智能)成了不少年轻人的“旅行搭子”。行前做...
合肥的这个“梗”, 翻篇了 社交平台的评论区,曾长期流传一句专属于合肥的黑色幽默。有人问合肥哪里好玩,本地网友半开玩笑地回复:合...
7万+旅游中高层都在的群,今天... 做旅游这行,资源卡位、渠道互通、项目落地——往往就差一个“对的机会”。我们的行业社群已聚集70,00...
一场帐篷音乐节,如何让井研从“... 帐篷音乐节现场封面新闻记者 周洪攀10月的研溪湿地,晚风里裹着柑橘的清甜与民谣的回响。夜幕降临,10...
白鹤翩翩落星愿,上海迪士尼度假... 10月9日,世界候鸟日前夕,上海迪士尼度假区星愿公园的湖风里多了一分白鹤的灵动。三座白鹤雕塑正式揭幕...
成都锦江边赏初秋枫叶飘飘 目前,成都锦江边国华街枫叶树红了。近年来,国华街附近的几条街都栽种了红枫树,是城区较集中看枫叶的点位...
GBTA:商务旅行正在复苏,但... 亚太正在成为全球商务旅行增长的重要引擎。在经历疫情后的快速反弹之后,全球商务旅行正在进入一个新的增长...
从景区焕新到节赛引流 邹城双节... 齐鲁网·闪电新闻10月9日讯 中秋、国庆“双节”假期,邹城市文化和旅游局提前谋划、周密部署,立足自身...
江山如此多娇 且看石楼今朝 金秋十月,黄河岸畔秋意盎然,丰收盛会喜迎国庆。本次石楼国庆文旅活动以“江山如此多娇,且看石楼今朝”为...
海南国庆假期接待游客475.4... 2026年国庆假期,海南接待游客475.40万人次,较2025年增长13.1%,较2024年增长15...