Set
ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。
Set
本身是一个构造函数,用来生成 Set 数据结构。
const s = new Set(); // console.log(s); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4
上面代码通过add()
方法向 Set 结构加入成员,结果表明 Set 结构不会添加重复的值。
Set
函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。
// 例子1 var arr = [0, 0, 1, 1, 2, 3, 3, 3] const set = new Set(arr); console.log([...set]); // [0,1,2,3]
上面代码也展示了一种去除数组重复成员的方法。
// 去除数组的重复成员 var array = [1, 2, 3, 4, 5, 5, 5, 5]; console.log([...new Set(array)]); // 12345
上面的方法也可以用于,去除字符串里面的重复字符。
// 去除数组的重复成员 var str = ‘ababbc‘; console.log([...new Set(str)].join(‘‘)); // "abc"
Set 实例的属性和方法
Set 结构的实例有以下属性
Set.prototype.constructor:构造函数,默认就是Set函数。
Set.prototype.size:返回Set实例的成员总数。
Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。
Set.prototype.add(value):添加某个值,返回 Set 结构本身。 Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。 Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。 Set.prototype.clear():清除所有成员,没有返回值。
上面这些属性和方法的实例如下。
let s = new Set(); s.add(1).add(2).add(2); // 注意2被加入了两次 s.size // 2 s.has(1) // true s.has(2) // true s.has(3) // false s.delete(2); s.has(2) // false
下面是一个对比,看看在判断是否包括一个键上面,Object
结构和Set
结构的写法不同。
// 对象的写法 const properties = { ‘width‘: 1, ‘height‘: 1 }; if (properties[someName]) { // do something } // Set的写法 const properties = new Set(); properties.add(‘width‘); properties.add(‘height‘); if (properties.has(someName)) { // do something }
Array.from
方法可以将 Set 结构转为数组。
const items = new Set([1, 2, 3, 4, 5]); console.log(items); // Set(5) { 1, 2, 3, 4, 5 } const array = Array.from(items); console.log(array); // [ 1, 2, 3, 4, 5 ]
这就提供了去除数组重复成员的另一种方法。
function dedupe(array) { return Array.from(new Set(array)); } dedupe([1, 1, 2, 2, 2, 3, 3, 5, 5, 5, 5]); // [1, 2, 3, 5]
遍历操作