Set数据结构【ES6】

读万卷书,行万里路!

目录

Set结构

它类似于数组,但是成员的值都是唯一的,没有重复的值。【数组去重】

javascript 复制代码
let s1 = new Set([1,2,2,3,4,3])

console.log(s1)              // Set(4) {1, 2, 3, 4}
console.log([...s1]);        // (4) [1, 2, 3, 4]
console.log(Array.from(s1)); // (4) [1, 2, 3, 4]

Set实例属性

size属性

javascript 复制代码
let s1 = new Set([1,2,2,3,4,3])
console.log(s1.size)         // 4

Set方法

add方法

往set里面添加数据 add(value)

javascript 复制代码
let s2 = new Set();
s2.add(1).add(2).add(3).add(2);  
console.log(s2)          // Set(3) {1, 2, 3}

has方法

检查Set中是否包含某个值. has(value)

javascript 复制代码
let s2 = new Set([1,2,3,4,5])
console.log(s2.has(3))       // true
console.log(s2.has(8))       // false

delete方法

从set中删除一个值 delete(value)

javascript 复制代码
let s2 = new Set([1,2,3,4,5])
s2.delete(3)
console.log(s2.has(3))    // false
console.log(s2)    // Set(4) {1, 2, 4, 5}

clear方法

清除Set中的所有值 clear()

javascript 复制代码
let s2 = new Set([1,2,3,4,5])
s2.clear();
console.log(s2)              // Set(0) {}

遍历

keys()

返回键名的遍历器

javascript 复制代码
let s2 = new Set([1,2,3,4,5])

for (let i of s2) {
    console.log(i) // 1 <br/> 2 <br/>  3 <br/>  4  <br/> 5
}

for(let i of s2.keys()){
    console.log(i) // 1 <br/> 2 <br/>  3 <br/>  4  <br/> 5
}

values()

返回键值的遍历器

javascript 复制代码
for(let i of s2.values()){
    console.log(i) // 1 <br/> 2 <br/>  3 <br/>  4  <br/> 5
}

entries()

返回键值对的遍历器

javascript 复制代码
for(let i of s2.entries()){
    console.log(i) // (2) [1, 1] <br/> (2) [2, 2] <br/>  (2) [3, 3] <br/>  (2) [4, 4] <br/> (2) [5, 5]
}

与数组对比

javascript 复制代码
let arr = ['aa','bb','cc']
for(let i of arr){
    console.log(i) // aa <br/> bb <br/> cc
}

for(let i of arr.keys()){
    console.log(i) // 0 <br/> 1 <br/> 2
}

for(let i of arr.values()){
    console.log(i) // aa <br/> bb <br/> cc
}

for(let i of arr.entries()){
    console.log(i) // (2) [0, 'aa'] <br/> (2) [1, 'bb'] <br/> (2) [2, 'cc']
}

forEach()

javascript 复制代码
s2.forEach((item,index)=>{
    console.log(item,index) // 1 1 <br/> 2 2<br/> 3 3<br/> 4 4<br/> 5 5
})

对于复杂数据进行去重

自己写的方法

javascript 复制代码
function removeRepeat(arr){
    let res = new Set();
    return arr.filter((item)=>{
        let id = JSON.stringify(item);
        if(res.has(id)){
            return false;
        }else{
            res.add(id);
            return true;
        }
    })
}

let a1 = [1,1,2,3,4,3,'a','b','c','a',{name:'ssy'},{age:18},{name:'ssy'}]

console.log(removeRepeat(a1))

结果:

new Set方法

javascript 复制代码
let a1 = [1,1,2,3,4,3,'a','b','c','a',{name:'ssy'},{age:18},{name:'ssy'}]

console.log(new Set(a1))

结果:

相关推荐
用户617517157011 小时前
关于普通函数和箭头函数的this
javascript
m0_629494732 小时前
LeetCode 热题 100-----17.缺失的第一个正数
数据结构·算法·leetcode
RPGMZ2 小时前
RPGMakerMZ 地图存档点制作 标题继续游戏直接读取存档
开发语言·javascript·游戏·游戏引擎·rpgmz·rpgmakermz
有一个好名字2 小时前
Agent Loop —— 一切从那个 while 循环开始
前端·javascript·chrome
EF@蛐蛐堂3 小时前
【js】浏览器滚动条优化组件OverlayScrollbars
开发语言·javascript·ecmascript
hnjzsyjyj3 小时前
洛谷 P1443:马的遍历 ← BFS
数据结构·bfs
辰同学ovo3 小时前
从全局登录状态管理学习 Redux
前端·javascript·学习·react.js
做时间的朋友。3 小时前
精准核酸检测
java·数据结构·算法
爱看书的小沐3 小时前
【小沐杂货铺】基于Three.js绘制三维艺术画廊3DArtGallery (Three.js,WebGL)
javascript·3d·webgl·three.js·babylon.js·三维画廊
如君愿4 小时前
考研复习 Day28 | 习题--计算机网络第四章(网络层 中)、数据结构(树与二叉树 下)
数据结构·计算机网络·考研·课后习题·记录考研