用JavaScript轻松实现对象的浅拷贝

2023-10-16 04:16:14

浅拷贝概述

在JavaScript中，对象是一种复杂的数据类型，可以存储多个键值对。当我们想要复制一个对象时，可以使用浅拷贝或深拷贝。浅拷贝只复制对象的一层，这意味着它只会复制对象本身的属性值，而不会复制其子对象的属性值。深拷贝则会复制对象及其所有子对象的属性值。

浅拷贝实现

JavaScript中实现浅拷贝非常简单，可以使用Object.assign()方法。该方法接受两个参数：目标对象和源对象。Object.assign()方法将源对象的可枚举属性值复制到目标对象中。

const originalObject = {
  name: 'John',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA'
  }
};

const copiedObject = Object.assign({}, originalObject);

console.log(copiedObject);

运行以上代码，将在控制台中输出：

{
  name: 'John',
  age: 30,
  address: {
    street: '123 Main Street',
    city: 'Anytown',
    state: 'CA'
  }
}

正如我们所见，copiedObject对象包含了originalObject对象的所有属性值。但是，address属性值仍然指向originalObject对象的address对象。这意味着如果我们更改originalObject对象的address属性值，copiedObject对象的address属性值也会随之改变。