在vue中创建一个数组,然后在一个大数组中会有多个对象,这个对象中某一项又是一个数组,然后将这些数组,添加到闯进的数组中,是他们可一个每一项独立不拼接
时间: 2024-05-14 16:14:35 浏览: 114
可以使用扩展运算符(...)来将数组合并到另一个数组中,如下所示:
```javascript
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let bigArr = [{a: arr1}, {b: arr2}, {c: arr3}];
let resultArr = [];
bigArr.forEach(item => {
let arr = item[Object.keys(item)[0]]; // 获取对象中的数组
resultArr.push(...arr); // 将数组合并到结果数组中
});
console.log(resultArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
```
在上面的代码中,我们首先定义了三个数组:arr1、arr2、arr3。然后我们创建了一个包含三个对象的大数组bigArr,每个对象中的属性值都是一个数组。
接着,我们定义了一个空数组resultArr作为最终结果。我们使用forEach遍历bigArr中的每个对象,获取其中的数组,并使用扩展运算符将其合并到resultArr中。
最后,我们输出resultArr的值,可以看到它包含了所有的数组项。
阅读全文