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结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys
和values
方法行为完全一致。
数组的map
和filter
可以间接用于 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 入门