【Js篇】JS复制一个对象-Toy模板网

这篇具有很好参考价值的文章主要介绍了【Js篇】JS复制一个对象。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在 JavaScript 中，如果直接将一个对象赋值给另一个变量，那么实际上赋值的是该对象的引用（即指向该对象的内存地址），而不是将该对象复制一份赋值给另一个变量。这意味着如果修改其中一个变量的属性，另一个变量的属性也会被修改。解决这个问题的方法是实现对象的复制，可以使用以下三种方式实现：

1、利用 Object.assign() 方法

let obj1 = {a: 1, b: 2};
let obj2 = Object.assign({}, obj1);
console.log(obj2); // {a: 1, b: 2}

Object.assign() 方法用于将源对象的所有可枚举属性复制到目标对象中（可以复制多个源对象），并返回目标对象。我们可以将一个空对象作为目标对象进行传递以实现对象的复制。

2、利用 ES6 的扩展运算符

let obj1 = {a: 1, b: 2};
let obj2 = {...obj1};
console.log(obj2); // {a: 1, b: 2}

ES6 的扩展运算符 (…) 可以将一个对象展开成多个单独的属性，因此可以用来快速实现对象的复制。

3、利用 JSON 的序列化与反序列化

let obj1 = {a: 1, b: 2};
let obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // {a: 1, b: 2}

JSON.stringify() 方法用于将一个 JavaScript 对象转换为一个 JSON 字符串，而 JSON.parse() 方法用于将一个 JSON 字符串转换为一个 JavaScript 对象。因此，可以将一个对象先序列化成一个 JSON 字符串，再反序列化成一个新的 JavaScript 对象，从而实现对象的复制。需要注意的是，该方式无法实现复制对象中的函数属性，因为函数属性会被序列化成字符串，而在反序列化过程中又无法还原成函数文章来源地址https://www.toymoban.com/news/detail-507814.html

到了这里，关于【Js篇】JS复制一个对象的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！