JavaScript:复制对象键值而不更改引用的对象键

JavaScript中，复制对象键值而不更改引用的对象键可以通过浅拷贝和深拷贝来实现。

浅拷贝：浅拷贝是指创建一个新对象，新对象的属性值是原对象的引用。当修改新对象的属性值时，原对象的属性值也会被修改。可以使用Object.assign()方法或展开运算符（...）来进行浅拷贝。

 ```javascript

 const obj1 = { name: 'John', age: 30 };

 const obj2 = Object.assign({}, obj1);

 obj2.name = 'Jane';

 console.log(obj1); // { name: 'John', age: 30 }

 console.log(obj2); // { name: 'Jane', age: 30 }

```

 ```javascript

 const obj1 = { name: 'John', age: 30 };

 const obj2 = { ...obj1 };

 obj2.name = 'Jane';

 console.log(obj1); // { name: 'John', age: 30 }

 console.log(obj2); // { name: 'Jane', age: 30 }

```

深拷贝：深拷贝是指创建一个新对象，新对象的属性值是原对象属性值的副本，修改新对象的属性值不会影响原对象。可以使用JSON.parse()和JSON.stringify()方法来进行深拷贝。

 ```javascript

 const obj1 = { name: 'John', age: 30 };

 const obj2 = JSON.parse(JSON.stringify(obj1));

 obj2.name = 'Jane';

 console.log(obj1); // { name: 'John', age: 30 }

 console.log(obj2); // { name: 'Jane', age: 30 }

```

在实际开发中，根据需求选择浅拷贝或深拷贝来复制对象键值。如果对象的属性值是基本类型（如字符串、数字等），使用浅拷贝即可；如果对象的属性值是引用类型（如对象、数组等），则需要使用深拷贝来确保复制的对象键值不会更改原对象的引用。

以上是关于复制对象键值而不更改引用的对象键的解释和实现方法。如果需要了解更多JavaScript相关知识，可以参考腾讯云的JavaScript开发文档：JavaScript开发文档。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云