深拷贝

最新推荐文章于 2022-07-08 00:12:43 发布

L_squan

最新推荐文章于 2022-07-08 00:12:43 发布

阅读量119

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/L_squan/article/details/117200594

版权

vue 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中深拷贝的概念，解释了为什么在处理引用数据类型时需要深拷贝，以及提供了三种实现深拷贝的方法：JSON.stringify与JSON.parse结合、递归函数以及使用现成库如lodash的_.cloneDeep方法。通过实例展示了深拷贝在防止原始对象被修改中的关键作用。

摘要由CSDN通过智能技术生成

深拷贝（什么是深拷贝，为什么要进行深拷贝，如何进行深拷贝（至少写三种方法，手写深拷贝））

所谓拷贝，就是赋值。把一个变量赋给另外一个变量，就是把变量的内容进行拷贝。把一个对象的值赋给另外一个对象，就是把一个对象拷贝一份。
分为基本数据类型拷贝和引用数据类型拷贝
基本数据类型：

let a= 5
let b=a
b=4
console.log(a)  // 5
console.log(b) // 4

我们会发现a的值是5 b的值是4 也就是a没有随着b改变而改变
引用数据类型（一般是数组，对象）

var arr1 = [1,3,5,6]
var arr2 = arr1
arr2[0] = 9
console.log(arr1)  // [9,3,5,6]
console.log(arr2)  //[9,3,5,6]

解决：

方法一（json）

var arr1 = [1,3,5,6]
var arr2string = JSON.stringify(arr1)
arr2 = JSON.parse(arr1string)
arr2[0] = 9
console.log(arr1)  // [1,3,5,6]
console.log(arr2)  //[9,3,5,6]

方法二（递归）


function aaclone(obj){
if(typeof obj !== 'object' || obj == null){
 return obj
   }
    let newarr
    if (obj instanceof Array) {
        newarr= []
    } else {
        newarr = {}
    }
     for (let key in obj) {
     if (obj.hasOwnProperty(key)) {
     newarr[key] = aaclone(obj[key])
     }}
     return newarr
}






//  var arr1 = [1,3,5,6]
//  var arr2= []
//  arr1.forEach((a)=>{
//  arr2.push(copyObj(a))
//  })
//  arr2[0] = 9
//  console.log(arr1)  // [1,3,5,6]
//  console.log(arr2)  //[9,3,5,6]