「小记」ES6 之 Set

145 阅读2分钟

Set基本用法

新的数据结构Set,类似数组,成员唯一。

Set本身是一个数据结构,用来生成Set数据结构:

const set = new Set()
// 通过 add() 方法添加成员,结果表明 Set 结构不会添加重复的值
[2,3,5,4,5,2,2].forEach(item => set.add(item)) 
console.log(set) // [2,3,5,4]

Set函数可以接受一个数组(或具有 iterable 接口的其他数据结构)作为参数,用来初始化:

const set = new Set([1,2,3,4,4])
console.log([...set]) // [1,2,3,4]

const item = new Set(document.querySelectorAll('div'))
item.size // 长度

Set去除重复成员:

// 数组去重
[...new Set(array)]
// 字符串去重
[...new Set('ababbc')].join('') // 'abc'

Set内部,两个NaN是相等的,两个空对象总是不相等:

  • 向 Set 加入值时,不会发生类型转换,5 和'5'是两个不同的值。
  • 内部算法叫做 Same-value-zero equality ,类似于精确相等的运算符(===),主要区别是NaN不等于自身。

Array.from将 Set 结构转为数组,可用于数组去重:

Array.from(new Set([1,1,2,3])) // [1,2,3]

Set实例的属性和方法

属性:

  • Set.prototype.constructor:构造函数,默认就是Set函数。
  • Set.prototype.size:返回Set实例的成员总数。

操作方法:

  • Set.prototype.add(value):添加某个值,返回 Set 结构本身。
  • Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
  • Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。
  • Set.prototype.clear():清除所有成员,没有返回值。

遍历方法:

  • Set.prototype.keys():返回键名的遍历器
  • Set.prototype.values():返回键值的遍历器
  • Set.prototype.entries():返回键值对的遍历器
  • Set.prototype.forEach():使用回调函数遍历每个成员

Set结构没有键名,只有键值(或者说键名和键值是同一个值),所以keysvalues方法行为完全一致。

数组的mapfilter可以间接用于 Set:

let set = new Set([1,2,3,4,5])
new Set([...set].map(x => x*2)) // 返回 Set 结构{2,4,6,8,10}
new Set([...set].filter(x => (x%2) == 0)) // 返回 Set 结构{2,4}

用Set实现并集(Union)、交集(Intersect)和差集(Difference):

let a = new Set([1,2,3])
let b = new Set([2,3,4])

new Set([...a,...b]) // 返回并集Set{1,2,3,4}
new Set([...a].filter(x => b.has(x))) // 返回交集 Set {2,3}
new Set([...a].filter(x => !b.has(x))) // 返回 a 相对于 b 的差集 Set {1}

参考链接: ECMAScript 6 入门