介紹一下Map、Set
1)Map
在ES6之前贝奇,JavaScript的對(duì)象有個(gè)小問(wèn)題虹菲,就是鍵必須是字符串。為了解決這個(gè)問(wèn)題掉瞳,ES6引入了新的數(shù)據(jù)類(lèi)型Map毕源。
Map是一組鍵值對(duì)的結(jié)構(gòu)。它類(lèi)似于對(duì)象陕习,也是鍵值對(duì)的集合霎褐,但是“鍵”的范圍不限于字符串,各種類(lèi)型的值(包括對(duì)象)都可以當(dāng)作鍵衡查。舉個(gè)小小的例子如下:
var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95
它的優(yōu)點(diǎn)是具有極快的查找速度瘩欺,只需要一個(gè)“名字”-“成績(jī)”的對(duì)照表,直接根據(jù)名字查找成績(jī)拌牲,無(wú)論這個(gè)表有多大,查找速度都不會(huì)變慢歌粥。
Map具有以下方法:
var m = new Map(); //初始化一個(gè)空Map
m.set('Adam', 67); // 添加新的key-value
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 刪除key 'Adam'
m.get('Adam'); // undefined
由于一個(gè)key只能對(duì)應(yīng)一個(gè)value塌忽,所以,多次對(duì)一個(gè)key放入value失驶,后面的值會(huì)把前面的值覆蓋
var m = new Map();
m.set('Adam', 67);
m.set('Adam', 88);
m.get('Adam'); // 88
2)Set
Set和Map類(lèi)似土居,也是一組key的集合,但不存儲(chǔ)value嬉探。由于key不能重復(fù)擦耀,所以,在Set中涩堤,沒(méi)有重復(fù)的key眷蜓。
創(chuàng)建一個(gè)set
var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3
重復(fù)元素在Set中自動(dòng)被過(guò)濾:
var s = new Set([1, 2, 3, 3, '3']);
s; // Set {1, 2, 3, "3"}
注:數(shù)字3和字符串'3'是不同的元素。
add(key):添加元素到set中
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}
clear() :清空 Set胎围;獲取 Set 集合長(zhǎng)度用 size 屬性
set.clear();
set.size;
應(yīng)用:使用Set可以很容易地實(shí)現(xiàn)并集(Union)吁系、交集(Intersect)和差集
let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);
// 并集
let union = new Set([...a, ...b]);// Set {1, 2, 3, 4}
// 交集
let intersect = new Set([...a].filter(x => b.has(x)));// set {2, 3}
// 差集
let difference = new Set([...a].filter(x => !b.has(x)));// Set {1}