在 JavaScript 中，我们可以使用深度或浅拷贝来操作对象。如果你想将一个对象推入一个数组中，那么选择哪一种拷贝方式？本文将为您解答这个问题。
浅拷贝
浅拷贝是指只复制对象的属性值，而不是复制整个对象。当我们需要将一个对象推入一个数组时，通常会使用浅拷贝。在 JavaScript 中，可以使用 Object.assign() 或扩展运算符 ... 来实现浅拷贝。
使用 Object.assign()
// 定义一个数组和一个对象
const arr = [];
const obj = { name: 'Alice', age: 28 };
// 将对象推入数组（浅拷贝）
arr.push(Object.assign({}, obj));
console.log(arr); // [{ name: 'Alice', age: 28 }]上述代码使用了 Object.assign() 方法，该方法接受任意数量的源对象，并返回目标对象。在上面的示例中，我们将空对象作为目标对象，然后将原始对象复制到它里面。
使用扩展运算符 ...
// 定义一个数组和一个对象
const arr = [];
const obj = { name: 'Alice', age: 28 };
// 将对象推入数组（浅拷贝）
arr.push({ ...obj });
console.log(arr); // [{ name: 'Alice', age: 28 }]上述代码使用了扩展运算符 ...，将原始对象的属性解构到一个新的对象中。然后我们将该对象推入数组中。
深度拷贝
与浅拷贝不同，深度拷贝会复制整个对象及其所有嵌套的子对象。当我们需要克隆一个对象并将其推入数组时，通常会使用深度拷贝。在 JavaScript 中，可以使用 JSON.parse() 和 JSON.stringify() 来实现深度拷贝。
使用 JSON.parse() 和 JSON.stringify()
// 定义一个数组和一个对象
const arr = [];
const obj = { name: 'Alice', age: 28, address: { city: 'Beijing', country: 'China' } };
// 将对象推入数组（深度拷贝）
arr.push(JSON.parse(JSON.stringify(obj)));
console.log(arr); // [{ name: 'Alice', age: 28, address: { city: 'Beijing', country: 'China' } }]在上面的示例中，我们使用 JSON.stringify() 将原始对象转换为 JSON 格式的字符串，并使用 JSON.parse() 将其解析回 JavaScript 对象。这样就会创建一个新的对象，该对象与原始对象完全相同，但是它是深层复制的。
结论
在 JavaScript 中，将对象推入数组通常使用浅拷贝。如果您需要克隆一个对象并将其推入数组，则应使用深度拷贝。在实践中，我们需要根据具体情况选择不同的拷贝方式。
值得注意的是，深度拷贝可能会比浅拷贝更耗时和资源。在处理嵌套非常深的对象时，深度拷贝可能会导致性能问题。因此，我们需要权衡使用深度或浅拷贝的利弊，以达到最佳的性能和代码质量。
希望本文对您有所启发，并有助于您制定更好的 JavaScript 编程实践。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13527