es6中的Set

拼搏现实的明天。 2021-10-26 15:36 349阅读 0赞

## 1.Set是什么 ##

Set 是一种叫做集合的数据结构， 并且 Set 本身是一种**构造函数**。

举个例子：

const s = new Set()  
　　\[1, 2, 3, 4, 3, 2, 1\].forEach(x => s.add(x))  
　　for (let i of s) \{    // 由此可见set是可迭代的  
　　　　console.log(i)   // 1 2 3 4  
　　\}  
　　let arr = \[1, 2, 3, 2, 1, 1\]  
　　\[... new Set(arr)\] // \[1, 2, 3\]  new Set可以实现数组的去重

## 2.Set的属性与方法 ##

1.Set 对象允许你储存任何类型的唯一值，无论是原始值或者是对象引用。并且向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。（此时的你应该想到了== 与 === ，没错 Set加入值的时候就相当于=== 不会改变值的数据类型）  举个例子：

let set = new Set();  
let a = NaN;  
let b = NaN;  
set.add(a);  
set.add(b);  
set // Set \{NaN\}

let set1 = new Set()  
set1.add(5)  
set1.add('5')  
console.log(\[...set1\]) // \[5, "5"\]

2.Set的实例属性 set不能用length来衡量Set的长度  而是用size来衡量

let set = new Set(\[1, 2, 3, 2, 1\])

console.log(set.length) // undefined  
console.log(set.size) // 3   //  后面的2 1已经自动去重了

3.set的方法有哪些？

add(value)：新增，相当于 array里的push

delete(value)：存在即删除集合中value

has(value)：判断集合中是否存在 value

clear()：清空集合

例:

let set = new Set()  
set.add(1).add(2).add(1)

set.has(1) // true  
set.has(3) // false  
set.delete(1)  
set.has(1) // false

4.set的遍历方法（遍历顺序为插入顺序）

keys()：返回一个包含集合中所有键的迭代器

values()：返回一个包含集合中所有值得迭代器

entries()：返回一个包含Set对象中所有元素得键值对迭代器

forEach(callbackFn, thisArg)：用于对集合成员执行callbackFn操作，如果提供了 thisArg 参数，回调中的this会是这个参数，没有返回值

例:

let set = new Set(\[1, 2, 3\])  
console.log(set.keys()) // \[Set Iterator\] \{1, 2, 3\}  
console.log(set.values()) // \[Set Iterator\] \{1, 2, 3\}  
console.log(set.entries()) // \[Set Iterator\] \{1, 2, 3\}

for (let item of set.keys()) \{  
console.log(item);  
\} // 1 2 3  
for (let item of set.entries()) \{  
console.log(item);  
\} // \[1, 1\] \[2, 2\] \[3, 3\]

set.forEach((value, key) => \{  
console.log(key + ' : ' + value)  
\}) // 1 : 1 2 : 2 3 : 3  
console.log(\[...set\]) // \[1, 2, 3\]

ps:   Set 可默认遍历，默认迭代器生成函数是 values() 方法

Set.prototype\[Symbol.iterator\] === Set.prototype.values // true

## 3.扩展 ##

1.Array.from 方法可以将 Set 结构转为数组

例：

const items = new Set(\[1, 2, 3, 2\])  
const array = Array.from(items)  
console.log(array) // \[1, 2, 3\]  
// 或  
const arr = \[...items\]  
console.log(arr) // \[1, 2, 3\]

2.Set可以使用 map、filter 方法

例：

let set = new Set(\[1, 2, 3\])  
set = new Set(\[...set\].map(item => item \* 2))  
console.log(\[...set\]) // \[2, 4, 6\]

set = new Set(\[...set\].filter(item => (item >= 4)))  
console.log(\[...set\]) //\[4, 6\]

3. 求set的交集 并集 差集

例:

let set1 = new Set(\[1, 2, 3\])  
let set2 = new Set(\[4, 3, 2\])

let intersect = new Set(\[...set1\].filter(value => set2.has(value)))  
let union = new Set(\[...set1, ...set2\])  
let difference = new Set(\[...set1\].filter(value => !set2.has(value)))

console.log(intersect) // Set \{2, 3\}  
console.log(union) // Set \{1, 2, 3, 4\}  
console.log(difference) // Set \{1\}

转载于:https://www.cnblogs.com/Aaron1Tall/p/11167254.html