typescript遍歷Map

Map遍歷對于任何一門語言來說都是入門級的東西,太小兒科了。但ts有坑還是說一下。

有一個(gè)map

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

最簡單的遍歷方式

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è)編譯器不會報(bào)錯(cuò),但是根本不會進(jìn)入循環(huán)!

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

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

Array.from

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

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

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

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

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