ES6 中使用多种方法向数组中追加一个对象

在 ES6 中，你可以使用多种方法向数组中追加一个对象。以下是两种常见的写法：

1. 使用原生方法 push

push 是 JavaScript 原生的数组方法，用于向数组末尾添加一个或多个元素。

const array = [{ id: 1, name: 'Alice' }];
const newObject = { id: 2, name: 'Bob' };

array.push(newObject);

console.log(array);
// 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

2. 使用展开运算符 (...)

展开运算符 (...) 可以用于合并数组或对象。你可以使用它来创建一个新数组，其中包含原数组的所有元素以及新对象。

const array = [{ id: 1, name: 'Alice' }];
const newObject = { id: 2, name: 'Bob' };

const newArray = [...array, newObject];

console.log(newArray);
// 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]

3. 展开对象合并写法

如果你想要合并对象并追加到数组中，也可以使用展开运算符。

const array = [{ id: 1, name: 'Alice' }];
const newObject = { id: 2, name: 'Bob', age: 25 };

const mergedArray = [...array, { ...newObject }];

console.log(mergedArray);
// 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob', age: 25 }]

总结

• push 是直接修改原数组的方法。
• 展开运算符 (...) 可以创建一个新数组，不会修改原数组。
• 展开运算符也可以用于合并对象。

根据你的需求选择合适的方法。如果你不希望修改原数组，推荐使用展开运算符。