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

结果:

相关推荐
Aotman_38 分钟前
JS 按照数组顺序对对象进行排序
开发语言·前端·javascript·vue.js·ui·ecmascript
ID_180079054733 小时前
小红书笔记详情API接口基础解析:数据结构与调用方式
数据结构·数据库·笔记
Hi_kenyon8 小时前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
iuu_star9 小时前
C语言数据结构-顺序查找、折半查找
c语言·数据结构·算法
漫随流水9 小时前
leetcode算法(515.在每个树行中找最大值)
数据结构·算法·leetcode·二叉树
EndingCoder9 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
JosieBook10 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
华仔啊12 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
程序员小寒12 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学13 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js