ES6 -- Map 和 Set

Map

本文是阮一峰的ES6入门的过滤

1. 简介：

1. 类似于对象

2. 键不限于字符串，各种类型的值（包括对象）都可以当作键

3. Map具有极快的查找速度。

4. 同一个 key 对应一个 value，后面的覆盖前面的。

   var m = new Map();
   m.set('Adam', 67);
   m.set('Adam', 88);
   m.get('Adam'); // 88

5. Map 的键实际上是跟内存地址绑定的

   const map = new Map();

   const k1 = ['a'];
   const k2 = ['a'];

   map
   .set(k1, 111)
   .set(k2, 222);

   map.get(k1) // 111
   map.get(k2) // 222

2. 语法：

1. size 属性： 类似于 length

2. set(key, value)：设置 key 和 value

3. get(key)：get方法读取key对应的键值

4. has(key)：has方法返回一个布尔值

5. delete(key)：delete方法删除某个键，返回true

6. clear()：clear方法清除所有成员

   const map = new Map();

   map.set('foo', true);
   map.set('bar', false);

   map.size // 2

   map.get('foo') // true

   map.has('foo') // true

   map.delete(undefined)

   map.clear()

3. 实例：

1. 根据同学的名字查找对应的成绩

   var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
   m.get('Michael'); // 95

4. 遍历：

1. Map 结构转为数组结构，比较快速的方法是使用扩展运算符（...）。

   const map = new Map([
   [1, 'one'],
   [2, 'two'],
   [3, 'three'],
   ]);

   [...map.keys()]
   // [1, 2, 3]

   [...map.values()]
   // ['one', 'two', 'three']

   [...map.entries()]
   // [[1,'one'], [2, 'two'], [3, 'three']]

   [...map]
   // [[1,'one'], [2, 'two'], [3, 'three']]

Set

1. 简介：

1. 类似于数组，特点：成员的值是 唯一的

2. 加入对象时总是不相等

   let set = new Set();

   set.add({});
   set.size // 1

   set.add({});
   set.size // 2

2. 语法：

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

3. 实现函数方法：

1. 快速数组去重

   [...new Set(array)]

4. 遍历

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