vue将大对象转成数组并且数组里对象有对象名称
时间: 2024-05-09 18:17:06 浏览: 141
可以使用Object.keys()方法将大对象的key值转成数组,然后使用map()方法循环遍历每一个key值,再使用Object.assign()方法将每个key对应的value值转成一个新的对象并将之前的key值作为对象的属性名称,最后将每个新的对象push到一个空数组中即可。示例代码如下:
```javascript
let obj = {
a: { name: "Tom", age: 18 },
b: { name: "Jerry", age: 20 }
}
let arr = Object.keys(obj).map(key => {
let newObj = Object.assign({ [key]: obj[key] })
return newObj
})
console.log(arr)
// output: [{a: {name: "Tom", age: 18}}, {b: {name: "Jerry", age: 20}}]
```
需要注意的是,在使用Object.assign()方法将每个value值转成新的对象时,需要使用ES6的对象属性名称语法([key])来定义新对象的属性名称。
阅读全文