新手上路，一招学会JS对象复制：浅拷贝与深拷贝全解析

2023-09-21 13:54:40

对象的秘密：浅拷贝与深拷贝

引言

作为 JavaScript 开发人员，你一定面临过对象复制的困境。究竟是浅拷贝还是深拷贝？有什么区别？什么时候使用哪种方法？这些问题让无数新手困惑不已。不过别担心，这篇文章将一扫你的疑云，带你深入浅出地了解对象复制的精髓。

浅拷贝：只复制对象的引用

浅拷贝是一种快速简便的复制方法，它只复制对象本身，而不会复制对象内部的属性。换句话说，浅拷贝只复制了对象的引用，而不是对象的内容。

举个例子，假设我们有一个名为 person 的对象，包含 name 和 age 两个属性：

const person = {
  name: "John",
  age: 25
};

如果我们使用浅拷贝，创建一个新的对象 newPerson，那么 newPerson 将只包含指向 person 对象的引用，而不会包含 person 对象内部的属性：

const newPerson = Object.assign({}, person);

现在，如果我们修改 newPerson 的属性，它不会影响 person 对象。因为 newPerson 只是复制了 person 对象的引用，而不是内容。

深拷贝：复制对象的引用和内容

与浅拷贝不同，深拷贝会复制对象本身及其内部的所有属性。这意味着，深拷贝的对象是一个全新的对象，它与原始对象完全独立。

我们可以使用以下代码来实现深拷贝：

const newPerson = JSON.parse(JSON.stringify(person));

这种方法可以将 person 对象及其内部的所有属性都复制到 newPerson 对象中。

现在，如果我们修改 newPerson 的属性，它不会影响 person 对象。因为 newPerson 是一个全新的对象，它与原始对象完全独立。

什么时候使用浅拷贝，什么时候使用深拷贝？

浅拷贝和深拷贝都有各自的优缺点。浅拷贝速度快，内存占用少，但不能复制对象内部的属性。深拷贝速度慢，内存占用多，但可以复制对象内部的所有属性。

在实际开发中，我们可以根据具体情况来选择使用浅拷贝还是深拷贝：

总结

对象复制是 JavaScript 中一个至关重要的概念。掌握对象复制的技术可以帮助我们编写出更健壮、更可维护的代码。浅拷贝和深拷贝是两种不同的对象复制方式，各有优缺点。在实际开发中，我们可以根据具体情况来选择使用浅拷贝还是深拷贝。

常见问题解答

探索Web开发资源和人工智能教程的代码社区

扫码关注微信公众号