ES6之 Map 和 Set
原创
©著作权归作者所有:来自51CTO博客作者BingCola的原创作品,请联系作者获取转载授权,否则将追究法律责任
Map 和 Set 是 ES6 标准新增的数据类型
Map
Map是一组键值对的结构,具有极快的查找速度。
如果要实现一个“名字”-“年龄”的对照表,直接根据名字查找年龄,无论这个表有多大,查找速度都不会变慢。
用JavaScript写一个Map如下:
let person = new Map([['张三', 20], ['李四', 22], ['王五', 24]]);
person.get('张三'); // 20
Map具有以下方法:
let m = new Map(); // 空Map
// 添加新的key-value
m.set('aaa', 111);
m.set('bbb', 222);
// 是否存在key 'aaa'
m.has('aaa'); // true
// 获取'aaa'的value
m.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(); // 空Set
var 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]
// or
console.log(Array.from(s)); // [1, 2, 3, "x", 4]