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

结果:

相关推荐
三十而立洋6 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁6 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
m0_547486666 天前
《数据结构教程》全套 PPT课件2026
数据结构
李少兄6 天前
JavaScript 隐式全局变量解析
javascript
沙蒿同学6 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端
paopaokaka_luck6 天前
智慧社区综合服务小程序(人脸识别、AI问答、Echarts图形化分析)
前端·javascript·spring boot·spring·数据分析·echarts
Hilaku6 天前
为什么死磕 1px 的团队,用户体验反而更差?
前端·javascript·程序员
陈拉斯6 天前
给公司年会写了个大屏抽奖系统:动画在前端跑,凭什么说结果没被改?
javascript
yzy856 天前
Vue中下载或打开文件的JavaScript方法
前端·javascript·vue
用户298698530146 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js