es6新增了幾種數(shù)據(jù)結(jié)構(gòu)。
set數(shù)據(jù)結(jié)構(gòu):
類(lèi)似數(shù)組八孝,但是里面不能有重復(fù)值董朝,如果有重復(fù)值將只顯示一個(gè)。
有長(zhǎng)度屬性size
數(shù)組用法:
let arr = ['a','b','a'];
let arr = new Array();
set用法:
let setArr = new Set(['a','b']);
console.log(setArr)://Set{'a','b'}
setArr.add('a'); 往setArr里添加一項(xiàng)
setArr.delete('b'); 在setArr里刪除一項(xiàng)
setArr.has('a')//true/false 判斷setArr里面有沒(méi)有此值
setArr.size 個(gè)數(shù)
setArr.clear(); 清空
可用for...of...循環(huán):
let setArr=new Set(['a','b','c']);
a). for(let item of setArr){ //默認(rèn)是values()干跛,和setArr.values()一樣
console.log(item);
}
b). for(let item of setArr.keys())//也是a b c子姜,無(wú)意義{console.log(item);}
c). for(let item of setArr.values()){}
d). for(let item of setArr.entries()){}
//[a,a][b,b][c,c] e). for(let [k,v] of setArr.entries()){}
//a a b b c c
f). setArr.forEach((value,index) =>{
console.log(value, index)//a a b b c c
});
add等方法可以像下面這樣使用
let setArr = new Set().add('a').add('b').add('c');
用途一:數(shù)組去重:
let arr = [1,2,3,4,5,6,7,6,5,4,3,2,1,2,3,4,4];
let newArr = [...new Set(arr)];//將Set展開(kāi)放進(jìn)數(shù)組
console.log(newArr);
將set數(shù)據(jù)結(jié)構(gòu)變成數(shù)組:[...Set]
演示讓set使用數(shù)組的map循環(huán)和filter:
//未轉(zhuǎn)數(shù)組方法
let set =new Set([1,2,3]);
let set2=new Set();
for(let value of set.values){
set2.add(value*2);
}
//轉(zhuǎn)數(shù)組方法
let set3=new Set([…set].map(val=>val*2));//{2,4,6}
let set4=new Set([…set].filter(val=>val%2=0));//{2,}
是否能用set存儲(chǔ)JSON
let arr = [{},{}];
new Set([]); 只建議存儲(chǔ)數(shù)組
new WeakSet({}) 可以存儲(chǔ)json,但這種寫(xiě)法不靠譜
WeakSet沒(méi)有size楼入,也沒(méi)有clear()哥捕,有add(), has(), delete()
Set和WeakSet初始化時(shí)往里面添加{}是不行的。只能用用add()添加
總結(jié):用new Set()嘉熊,WeakSet沒(méi)什么用遥赚,很可能以后被新版本刪除
map數(shù)據(jù)結(jié)構(gòu):
類(lèi)似 json, 但是json的鍵(key)只能是字符串
而map的key可以是任意類(lèi)型
使用:
let map = new Map();
map.set(key,value); 設(shè)置一個(gè)值
map.get(key) 獲取一個(gè)值
map.delete(key) 刪除一項(xiàng)
map.has(key) 判斷有沒(méi)有
map.clear() 清空
let map = new Map();
let json={
a:1,
b:2
}
map.set('a','aaa');
map.set(json,'aaa');
map.set('b',json);
map.set(true,json);
console.log(map.get(json));//aaa
循環(huán):
for(let [key,value] of map){}//和map.entries()一樣
for(let key of map.keys()){}
for(let value of map.values()){}
for(let [k,v] of map.entries()){}//
a aaa
{a:1,b:2} aaa
b {a:1,b:2}
map.forEach((value, key) =>{
console.log(value, key);
})
WeakMap(): key只能是對(duì)象
總結(jié):
Set 里面是數(shù)組,不重復(fù)阐肤,沒(méi)有key凫佛,沒(méi)有g(shù)et方法
Map 對(duì)json功能增強(qiáng),key可以是任意類(lèi)型值