【JavaScript】ES6 Set 笔记

Set

// 构造函数
const  s = new Set();
// 增加元素
s.add(xxx);
// 长度
s.size
// 如何遍历
for(let i of s) {
  console.log(i)
}
s.forEach((key, val) => console.log(key, val)) // key === val
// 删除元素 是否删除成功
s.delete(xxx) -> boolean;
// 判断是否存在
s.has(xxx)
// 清空
s.clear();

• 初始化时，构造函数可传入数组等具有 iterable 接口的数据结构

应用：数组去重

const a = [1, 2, 3, 4, 4]
const b = [...new Set(a)] // [1, 2, 3, 4]

Array.from(new Set(array))

注意点

NaN !== NaN 但是 Set 内部会认为是同一个元素

{} !== {}

const s1 = new Set([{}, {}]);
s1.size === 2 // true
s1.has({}) // false

const s2 = new Set([NaN, NaN])
s2.size === 1 // true

• Set 的遍历顺序就是插入顺序
• .keys() .values() 返回的结果是一致的 .entries() 键名=键值

应用：实现交集、并集、差集

let a = new Set([1, 2, 3]);
let b = new Set([2, 3, 4]);
// 交集
let c = new Set([...a].filter(item => b.has(item)))
// 并集
let c = new Set([...a, ...b])
// 差集
let c = new Set([...a].filter(item => !b.has(item)))