ES6 Set和 Map数据结构, Set 实例方法 Map实例方法说明

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 实例的方法分为两大类

• 操作的方法(用于操作数据)
• 遍历的方法(用于遍历成员).

1. 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))
   }
   

2. 遍历操