js 中 的对象({})和数组([])是引用类型:

var a = {"w":23,"e":66}//引用类型
var b = a;

如上,如果直接给a赋值会让a 跟 b 之间有引用关系;

执行以下操作:

b.e="98"

结果:

JavaScript 中数组,对象的直接复制时的问题

可以看到改变be的值,ae的值也改变了;

我们可以使用JSON.parse(JSON.stringify(a))进行深拷贝

var x = JSON.parse(JSON.stringify(a))
x.e = "20"

结果如下:

JavaScript 中数组,对象的直接复制时的问题

可以看到改变xea中的e不变;

也可以用ES6中的语法来不让它引用

var c = {...a}
c.e="test"

结果:

JavaScript 中数组,对象的直接复制时的问题

数组和对象一样,但是不能用ES6的语法:

var  r = [...XX]

因为它还是引用类型,请使用 JSON.parse(JSON.stringify(XX));

相关文章: