js深拷贝的方法

最新推荐文章于 2023-10-12 20:25:11 发布

weixin_33901843

最新推荐文章于 2023-10-12 20:25:11 发布

阅读量61

点赞数

文章标签： json

原文链接：https://juejin.im/post/5b5ad063e51d4519575a4027

版权

var a = {name: '1111'};
var b = a;
b.name = '2222';
console.log(a.name); // 2222
复制代码

要求修改b.name 不影响a的值

解构

var a = {name: '1111'};
var b = {...a}
b.name = '2222';
console.log(a.name); // 1111
复制代码

但是如果a为多层嵌套对象，使用解构只能深拷贝最上级，无法将第二层对象进行拷贝

var a = {a:'123',b:{c:'333'}}
var b = {...a};
b.a = 'yyy'
b.b.c =222;
console.log(a.a); // 123
console.log(a.b.c); // 222
复制代码

var obj = Object.assign(target, sources);

var a = {name: '1111'};
var b = Object.assign({}, a);
b.name = '2222';
console.log(a.name); // 1111
复制代码

Object.assign()与解构一样，只能深拷贝一级的对象

var a = {name: '1111'};
var b = JSON.parse(JSON.stringify(a));
b.name = '2222';
console.log(a.name); // 1111
复制代码

使用JSON字符串进行深拷贝，多层嵌套对象也可以进行深拷贝

var a = {a:'123',b:{c:'333'}}
var b = JSON.parse(JSON.stringify(a));
b.a = 'yyy'
b.b.c =222;
console.log(a.a); // 123
console.log(a.b.c); // 333
复制代码

转载于:https://juejin.im/post/5b5ad063e51d4519575a4027

关注