网站首页编程语言正文

(ES6以上以及TS) Map对象转数组

作者：小蜗牛游戏更新时间： 2022-07-16 编程语言

const map = new Map();
map.set('1', 'one');
map.set('2'. 'two');

// 获取map对象的value数组
Array.from(map).map(item => item[1]);
// ['one', 'two']

Array.from执行map对象后返回一个二维数组，数组元素是map的键值数组，长度为2

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

所以要是同样的方法用下面段可以获取map对象的key数组

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

基于map对象提供的values()函数
values()返回一个MapIterator对象，可以调用values().next()方法依次获取value值，一次只能获取一次, 这种方式可以直接获取map对象的value数组

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

map对象还提供了keys()方法
同样的下面这段代码可以获取map对象的key数组

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

另外，map对象也支持在数组中使用扩展运算符

更直观简洁的表达方式

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

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