js深浅拷贝

最新推荐文章于 2023-03-16 09:06:00 发布

An_s

最新推荐文章于 2023-03-16 09:06:00 发布

阅读量196

点赞数 2

分类专栏：技术（javascript）

本文链接：https://blog.csdn.net/echo_ae/article/details/92634019

版权

技术（javascript）专栏收录该内容

112 篇文章 0 订阅

订阅专栏

浅拷贝(直接理解为指针指向同一个内存、所以你修改arr1或者arr2 两者都会跟着修改)

var arr1 = [
{
 name: 'arr1-1'
},
{
name: 'arr1-2'
}
]

var arr2 = [...arr1]

console.log(arr1)
console.log(arr2)
/**
[ { name: 'arr1-1' }, { name: 'arr1-2' } ]
[ { name: 'arr1-1' }, { name: 'arr1-2' } ]
*/
arr2[0].name = 'arr2-1'


console.log(arr1)
console.log(arr2)

/**
[ { name: 'arr2-1' }, { name: 'arr1-2' } ]
[ { name: 'arr2-1' }, { name: 'arr1-2' } ]
*/

深拷贝(直接理解为指针指向不同一个内存、所以你修改arr1或者arr2 两者不关联)

var arr1 = [
{
 name: 'arr1-1'
},
{
name: 'arr1-2'
}
]

var arr2 = JSON.parse(JSON.stringify(arr1))

console.log(arr1)
console.log(arr2)
/**
[ { name: 'arr1-1' }, { name: 'arr1-2' } ]
[ { name: 'arr1-1' }, { name: 'arr1-2' } ]
*/
arr2[0].name = 'arr2-1'

console.log(arr1)
console.log(arr2)
/**
[ { name: 'arr1-1' }, { name: 'arr1-2' } ]
[ { name: 'arr2-1' }, { name: 'arr1-2' } ]
/*