vue 数组转map
时间: 2024-06-03 19:05:04 浏览: 260
位图转数组工具
Vue 数组转 map 可以使用 reduce 方法,将数组转换为一个对象,其中对象的属性为数组元素的某个属性,而属性值则为该元素本身。
具体实现如下:
```javascript
const arr = [{ id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'orange' }];
const map = arr.reduce((acc, cur) => {
acc[cur.id] = cur;
return acc;
}, {});
```
上面代码中,将数组 arr 转换为 map 对象,其中对象的属性为元素的 id 值,值为元素本身。最终得到的 map 对象如下:
```javascript
{
1: { id: 1, name: 'apple' },
2: { id: 2, name: 'banana' },
3: { id: 3, name: 'orange' }
}
```
阅读全文