vue 对象数组套对象数组,取出内层对象数组拼接在一起
时间: 2023-10-29 15:49:47 浏览: 129
Vue 通过公共字段,拼接两个对象数组的实例
5星 · 资源好评率100%
可以使用`flatMap`方法来取出内层对象数组并拼接在一起。下面是一个示例代码:
```javascript
// 假设有一个对象数组
const arr = [
{ id: 1, items: [{ name: 'item1' }, { name: 'item2' }] },
{ id: 2, items: [{ name: 'item3' }, { name: 'item4' }] }
];
// 使用flatMap方法取出内层对象数组并拼接在一起
const innerArray = arr.flatMap(obj => obj.items);
console.log(innerArray);
// 输出:[{ name: 'item1' }, { name: 'item2' }, { name: 'item3' }, { name: 'item4' }]
```
在Vue中,你可以在模板中使用computed属性,或者在方法中使用该代码来获取拼接后的内层对象数组。
阅读全文