昨天在开发中,要实现一个操作是把数组1赋值给数组2的操作。写了一段类似这样的代码:
let arr = [10, 20, 30]
let arr1 = arr
arr1[2] = 90
console.log(arr, arr1, '打印的结果') //[10, 20, 90] [10, 20, 90]
我只改变了arr1的值但是arr和arr1都发生了改变。
原因是arr1 = arr 不是一个赋值操作,而是把arr的内存地址给了arr1。也就是两个数组都指向了同一个内存地址。(这里我也不是太理解,涉及到了c语言的指针,大学学的都忘了。。。后面补习下)改变是在改变内存地址中的值。所以两个数组都会发生改变。
接着我又试了下对象的写法
let obj1 = {
x: 3,
y: 5
}
let obj2 = obj1
obj2.x = 15
console.log(obj1, obj2, '3') // {x: 15, y:5} {x: 15, y:5}
一样的答案。
结论:直接使用“=”对数组或者对象进行赋值都会同时发生改变,要想保留原来的数组就要使用深拷贝的方案
let obj1 = {
x: 3,
y: 5
}
let obj2 = JSON.parse(JSON.stringify(obj1))
obj2.x = 15
console.log(obj1, obj2, '3')
JSON.parse(JSON.stringify(obj1))可以实现深拷贝