typescript遍歷Map

Map遍歷對(duì)于任何一門(mén)語(yǔ)言來(lái)說(shuō)都是入門(mén)級(jí)的東西,太小兒科了。但ts有坑還是說(shuō)一下。

有一個(gè)map

let map= new Map<string, string>();
map.set("a1","1");

最簡(jiǎn)單的遍歷方式

map.forEach((value , key) =>{
        ....
});

這些需要注意的是參數(shù)順序,value在前,key在后。

復(fù)雜的方式

let iterator = map.values();
let r: IteratorResult<string>;
while (r = iterator.next() , !r.done) {
    console.log(r.value);
}

使用for of 遍歷

for(let i of map.values()){
    console.log(i);
}

這個(gè)也非常好!但是,target=es6才行。es6畢竟太新,很多時(shí)候都是target=ts5,這個(gè)方法就用不了了!
提示

Type 'IterableIterator<string>' is not an array type.

因?yàn)閠arget=ts5時(shí),不支持遍歷IterableIterator,太慘了。

for in 掉入坑

for (let i in map.values()) {
    console.log(i);
}

這個(gè)編譯器不會(huì)報(bào)錯(cuò),但是根本不會(huì)進(jìn)入循環(huán)!

將map的value(key)轉(zhuǎn)成數(shù)組

有個(gè)很簡(jiǎn)單的方法

Array.from

let a = Array.from(departmentMap.values());

擴(kuò)展表達(dá)式也很簡(jiǎn)單,但是es6才可以使用。

let a = [...departmentMap.values()];
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容