vue.js中把list转map
时间: 2023-08-17 20:15:48 浏览: 710
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
在Vue.js中,可以使用reduce方法将一个数组转换为一个Map对象。下面是一个示例代码:
```javascript
// 假设list是一个包含对象的数组,每个对象都有一个唯一的id属性
let list = \[
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' }
\];
// 使用reduce方法将list转换为一个Map对象
let map = list.reduce((acc, item) => {
acc.set(item.id, item);
return acc;
}, new Map());
console.log(map);
```
在上面的代码中,reduce方法接收一个回调函数和一个初始值(这里是一个空的Map对象)。回调函数将每个数组元素添加到Map对象中,使用元素的id作为键,元素本身作为值。最后,reduce方法返回转换后的Map对象。
请注意,上面的示例代码是一个通用的示例,具体的实现可能需要根据你的具体需求进行调整。
#### 引用[.reference_title]
- *1* *3* [Vue.js快速入门之六:Set和Map的妙用](https://blog.csdn.net/jiciqiang/article/details/115548536)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue.js中追加list数组和合并](https://blog.csdn.net/qq_28218253/article/details/84992821)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文