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))

结果:

相关推荐
kmblack113 分钟前
javascript计算年龄
开发语言·javascript·ecmascript
Shan120517 分钟前
经典问题——验证栈序列
数据结构·算法
Dick50722 分钟前
ROS2 多机器人通用 Driver 层复盘:BaseRobotDriver 到多平台 Mock 切换实现
前端·javascript·机器人
黄敬峰1 小时前
从 XMLHttpRequest 到 JSON 模拟:打通前后端通信的任督二脉
javascript
weixin_471383031 小时前
Taro-03-页面生命周期
前端·javascript·taro
Asize2 小时前
数组数据结构底层:从灵活到陷阱
前端·javascript·算法
十九画生2 小时前
Ajax 入门:用 XHR 理解前后端异步请求
前端·javascript·后端
漂流瓶jz2 小时前
UVA-1606 两亲性分子 题解答案代码 算法竞赛入门经典第二版
数据结构·算法·向量·aoapc·算法竞赛入门经典·atan2·浮点
源图客3 小时前
境外电商 - 龙虾智能体-综合选品推荐报告
开发语言·javascript·ecmascript