vue中数组转换为对象
时间: 2023-11-30 12:04:10 浏览: 69
vue 对象数组中,根据相同属性的数据合并,重组新的数组对象
可以使用 `reduce` 方法将数组转换为对象。具体实现如下:
```javascript
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];
const obj = arr.reduce((acc, cur) => {
acc[cur.id] = cur;
return acc;
}, {});
console.log(obj);
```
运行结果为:
```javascript
{
"1": { "id": 1, "name": "Alice" },
"2": { "id": 2, "name": "Bob" },
"3": { "id": 3, "name": "Charlie" }
}
```
以上代码将 `arr` 数组中的每个对象转换为一个属性,属性名为 `id`,属性值为该对象本身。最终返回的是一个对象。
阅读全文