日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 編程語言 正文

(ES6以上以及TS) Map對(duì)象轉(zhuǎn)數(shù)組

作者:小蝸牛游戲 更新時(shí)間: 2022-07-16 編程語言
const map = new Map();
map.set('1', 'one');
map.set('2'. 'two');

// 獲取map對(duì)象的value數(shù)組
Array.from(map).map(item => item[1]);
// ['one', 'two']

Array.from執(zhí)行map對(duì)象后返回一個(gè)二維數(shù)組,數(shù)組元素是map的鍵值數(shù)組,長度為2

Array.from(map); // [['1', 'one'], ['2', 'two']]

所以要是同樣的方法用下面段可以獲取map對(duì)象的key數(shù)組

Array.from(map).map(item => item[0]);  // ['1', '2']

基于map對(duì)象提供的values()函數(shù)
values()返回一個(gè)MapIterator對(duì)象,可以調(diào)用values().next()方法依次獲取value值,一次只能獲取一次,?這種方式可以直接獲取map對(duì)象的value數(shù)組

Array.from(map.values()) 
// ['one', 'two']

map對(duì)象還提供了keys()方法
同樣的下面這段代碼可以獲取map對(duì)象的key數(shù)組

Array.from(map.keys())
// ['1', '2'] 

另外,map對(duì)象也支持在數(shù)組中使用擴(kuò)展運(yùn)算符

更直觀簡潔的表達(dá)方式

[...map.values()]  // ['one', 'two']

原文鏈接:https://blog.csdn.net/local_752/article/details/125749484

欄目分類
最近更新