vue list转map
时间: 2023-11-04 18:00:38 浏览: 165
vue 使用高德地图vue-amap组件过程解析
在Vue中,可以通过使用reduce方法将一个数组转换为一个Map对象。reduce方法接受一个回调函数作为参数,该函数会遍历数组的每个元素,并将其转化为Map对象的key-value对。
下面是一个示例代码,展示了如何在Vue中将一个包含对象的数组转换为一个Map对象:
```javascript
const list = [
{ id: 1, name: 'A' },
{ id: 2, name: 'B' },
{ id: 3, name: 'C' }
];
const map = list.reduce((acc, item) => {
acc.set(item.id, item);
return acc;
}, new Map());
console.log(map);
```
在上面的代码中,reduce方法初始化一个空的Map对象作为累加器(acc),然后遍历数组中的每个对象,并使用对象的id作为Map的key,对象本身作为Map的value。最后,我们得到了一个转换后的Map对象,并将其打印到控制台上。
阅读全文