ES6之 Map 和 Set

ES6之 Map 和 Set

​​Map 和 Set 是 ES6 标准新增的数据类型​​

Map

Map是一组键值对的结构，具有极快的查找速度。

如果要实现一个“名字”-“年龄”的对照表，直接根据名字查找年龄，无论这个表有多大，查找速度都不会变慢。 用JavaScript写一个Map如下：

let person = new Map([['张三', 20], ['李四', 22], ['王五', 24]]);person.get('张三'); // 20

Map具有以下方法：

let m = new Map(); // 空Map// 添加新的key-valuem.set('aaa', 111); m.set('bbb', 222);// 是否存在key 'aaa'm.has('aaa'); // true// 获取'aaa'的valuem.get('aaa'); // 111// 删除key m.delete('aaa'); // 'aaa'm.get('aaa'); // undefined// 由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值覆盖掉：m.set('bbb', 333);m.get('bbb'); // 333

Set

Set 和 Map 类似，也是一组 key 的集合，但不存储 value 。由于 key 不能重复，所以，在 Set 中，没有重复的 key。

要创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set：

var s1 = new Set(); // 空Setvar s2 = new Set([1, 2, 3]); // 含1, 2, 3

重复元素在Set中自动被过滤：

var s = new Set([1, 2, 3, 3, '3']);s; // Set {1, 2, 3, "3"}

注意数字​​3​​​和字符串​​'3'​​是不同的元素。

通过 ​​add(key)​​ 方法可以添加元素到 Set 中，可以重复添加，但不会有效果：

s.add(4);s; // Set {1, 2, 3, 4}s.add(4);s; // 仍然是 Set {1, 2, 3, 4}

通过 ​​delete(key)​​ 方法可以删除元素：

var s = new Set([1, 2, 3]);s; // Set {1, 2, 3}s.delete(3);s; // Set {1, 2}

由于key不能重复，所以常用作数组去重

var s = new Set([1, 2, 2, 3, 'x', 4, 3, 2, 1, 'x']);// ES6拓展运算符console.log([...s]); // [1, 2, 3, "x", 4]// orconsole.log(Array.from(s)); // [1, 2, 3, "x", 4]

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。