vue 拼接对象数组
时间: 2023-11-04 08:06:57 浏览: 302
vue 对象数组中,根据相同属性的数据合并,重组新的数组对象
在 Vue 中,可以使用 `concat()` 方法来拼接两个对象数组。
示例代码:
```javascript
// 定义两个对象数组
let arr1 = [{name: '张三', age: 20}, {name: '李四', age: 22}];
let arr2 = [{name: '王五', age: 25}, {name: '赵六', age: 28}];
// 使用 concat 方法拼接两个数组
let arr3 = arr1.concat(arr2);
console.log(arr3); // 输出:[{name: '张三', age: 20}, {name: '李四', age: 22}, {name: '王五', age: 25}, {name: '赵六', age: 28}]
```
在 Vue 中,也可以使用展开运算符 `...` 来拼接对象数组。
示例代码:
```javascript
// 定义两个对象数组
let arr1 = [{name: '张三', age: 20}, {name: '李四', age: 22}];
let arr2 = [{name: '王五', age: 25}, {name: '赵六', age: 28}];
// 使用展开运算符拼接两个数组
let arr3 = [...arr1, ...arr2];
console.log(arr3); // 输出:[{name: '张三', age: 20}, {name: '李四', age: 22}, {name: '王五', age: 25}, {name: '赵六', age: 28}]
```
阅读全文