JS对象的深拷贝与浅拷贝

前言

javascript的对象和数组存在赋值、浅拷贝和深拷贝的情况，实际就是变量是否指向同一块内存地址。

赋值：所有值指向同一内存地址

var object = { a: 1, b: 2 };
var object_copy = object;  

object_copy.a = 3;   // object的a值也会变成3

浅拷贝：最外层指向不同内存地址，其他指向同一地址

var object = { a: 1, b: 2, c: { x: 1, y: 2 } };
var object_copy = {...object};   

object_copy.a = 3;    // object的a值不变
object_copy.c.x = 3;  // object的c的x变成了3

深拷贝：所有值指向不同的内存地址

var object = { a: 1, b: 2, c: { x: 1, y: 2 } };
var object_copy = JSON.stringify(object);
object_copy = JSON.parse(object_copy);  

object_copy.a = 3;    // object的a值不变
object_copy.c.x = 3;  // object的c的x值不变

总结

根据项目的需求选择不同的拷贝方式，另外javascript的boolean、string等基本类型不存在深浅拷贝的情况。

赏

谢谢你请我吃糖果

微信