vue3使用object。assign将数组[{key:value}]转换为['key':'value','key':'value',]形式
时间: 2023-12-31 15:03:33 浏览: 92
Vue响应式添加、修改数组和对象的值
5星 · 资源好评率100%
在 Vue3 中,可以使用 `Array.prototype.reduce()` 方法将一个数组 `[{key:value}]` 转换为一个对象 `{'key':'value','key':'value'}`,然后使用 `Object.assign()` 方法将对象转换为所需的形式 `['key':'value','key':'value',]`。
以下是示例代码:
```javascript
const arr = [{key1: value1}, {key2: value2}, {key3: value3}];
// 将数组转换为对象
const obj = arr.reduce((acc, cur) => {
const key = Object.keys(cur)[0];
acc[key] = cur[key];
return acc;
}, {});
// 将对象转换为所需的形式
const result = Object.assign([], obj);
```
在代码中,首先使用 `Array.prototype.reduce()` 方法将数组转换为对象。在每次迭代中,取出对象的第一个键值对,然后将其添加到累加器对象中。最后,使用 `Object.assign()` 方法将对象转换为所需的形式 `['key':'value','key':'value',]`。
阅读全文