问题描述: 在Angular 9中,如果我们尝试向数组中添加多个对象,会发现新的对象会覆盖现有的数组。
解决方法: 要向数组中添加多个对象而不是覆盖现有的数组,我们可以使用数组的扩展运算符(spread operator)或者Array.push()方法。
以下是两种解决方法的示例代码:
// 假设我们有一个现有的数组
let existingArray = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}];
// 要添加的新对象数组
let newArray = [{id: 3, name: 'Alice'}, {id: 4, name: 'Bob'}];
// 使用扩展运算符将新数组中的对象添加到现有数组中
existingArray = [...existingArray, ...newArray];
// 假设我们有一个现有的数组
let existingArray = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}];
// 要添加的新对象数组
let newArray = [{id: 3, name: 'Alice'}, {id: 4, name: 'Bob'}];
// 使用Array.push()方法将新数组中的对象添加到现有数组中
existingArray.push(...newArray);
无论使用哪种方法,都可以将新的对象数组添加到现有的数组中,而不会覆盖现有的数组。