文章目录
Set 和 Map 数据结构
1.0 Set
1.1 Set的基本用法
ES6 提供了一种新的数据结构 Set. 它类似于数组, 但是成员的值都是唯一的, 没有重复的值
Set
本身是一个构造函数, 用来生成Set
数据结构.let set = new Set() const arr = [1, 2, 3, 5, 4, 2, 3] arr.forEach((item) => set.add(item)) console.log(set); // Set { 1, 2, 3, 5, 4 }
set
实例里, 通过add()
方法想Set
结构加入成员, 结果表明Set
结构不会有重复的值
Set
函数可以接收一个数组(或者具有 iterable 接口的其他数据结构)作为参数, 用来初始化// 例一 const set = new Set([1, 2, 3, 4, 4]); console.log([...set]); // [1, 2, 3, 4] // 例二 const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]); console.log(items.size); // 5 // 例三 const set = new Set(document.querySelectorAll('div')); set.size // 56
上面的代码也展示了一种数组去重的方法
// 去除数组的重复成员 [...new Set(array)]
上面的方法也可以用于, 去除字符串里面的重复字符.
[...new Set('ababbc')].join('') // "abc"
想Set 加入值的时候, 不会发生类型转换, 所以
5
和"5"
是两个不同的值. Set 内部判断两个值是否不同, 使用的算法叫做 “Same-value-zero equality” , 它类似于精确相等运算符.===
, 主要区别是 Set 加入值时认为NaN
等于自身, 而精确运算符===
认为NaN
不等于自身.let set = new Set(); let a = NaN; let b = NaN; set.add(a); set.add(b); set // Set {NaN}
上面代码向 Set 实例添加了两次
NaN
,但是只会加入一个。这表明,在 Set 内部,两个NaN
是相等的。
另外, 两个空对象总是不相等的
let set = new Set(); set.add({ }); set.size // 1 set.add({ }); set.size // 2
上面代码表示,由于两个空对象不相等,所以它们被视为两个值。
1.2 Set 实例的属性和方法
1. Set 结构的实例有以下属性
Set.prototype.constructor
: 构造函数, 默认就是Set
函数.Set.prototype.size
: 返回Set
实例的成员总数
2. Set 实例的方法分为两大类
- 操作的方法(用于操作数据)
- 遍历的方法(用于遍历成员).
-
Set 实例的四个操作方法
Set.prototype.add(value)
: 添加某个值, 返回Set结构本身.Set.prototype.delete(value)
: 删除某个值, 返回一个布尔值 , 表示删除是否成功.Set.prototype.has(value)
: 返回一个布尔值, 表示该值是否为Set
的成员.Set.prototype.clear()
: 清除所有成员, 没有返回值.Array.from
方法可以将 Set 结构转为数组.const items = new Set([1, 2, 3, 4, 5]); const array = Array.from(items); console.log(array); // [ 1, 2, 3, 4, 5 ]
这就提供了数组去重的另一种方法
function deduplate(arr){ return Array.from(new Set(arr)) }
-
遍历操