实现深拷贝的方法

第一种：es6的spread（扩展运算符）

var arr1 = [1,2,3,4]
var arr2 = [...arr1]
console.log(arr1) //  [1, 2, 3, 4]
console.log(arr2) // [1, 2, 3, 4]
arr2[2] = 'a'
console.log(arr1) //[1, 2, 3, 4]
console.log(arr2) //[1, 2, 'a', 4]

var obj = {name:'lll',age:18}
var obj1 = {...obj}
console.log(obj) // {name: 'lll', age: 18}
console.log(obj1) //{name: 'lll', age: 18}
obj1['name'] = 'kkk'
console.log(obj) // {name: 'lll', age: 18}
console.log(obj1) //{name: 'kkk', age: 18}

第二种序列化：

function deepClone(obj){
    if(typeof obj === null || typeof obj !== 'object'){ //判断数据是否是引用型数据类型，不是不需要深拷贝
        return obj
    }
    return JSON.parse(JSON.stringify(obj))
}
let obj = {name:'夏明',age:18}
let obj1 = deepClone(obj)
console.log(obj) //{name: '夏明', age: 18}
console.log(obj1) // {name: '夏明', age: 18}
obj1['name'] = '小明'
console.log(obj) //{name: '夏明', age: 18}
console.log(obj1) // {name: '小明', age: 18}

第三种递归的方法：

function deepClone(obj){
    if(typeof obj===null || typeof obj!=='object'){ //判断数据是否是引用型数据类型，不是不需要深拷贝
        return obj
    }
    let clone = Array.isArray(obj) ? [] : {}
    for(let key in obj){   //这里循环的是[]的下标或者{}的key
        if(Object.prototype.hasOwnProperty.call(obj,key)){  //判断obj中是否有key
            clone[key] = deepClone(obj[key])
        }
    }
    return clone
}

let obj = {name:"夏明",age:18}
let obj2 = deepClone(obj)
console.log(obj)  //{name: '夏明', age: 18}
console.log(obj2) //{name: '夏明', age: 18}
obj2['name'] = '小明'
console.log(obj)  //{name: '夏明', age: 18}
console.log(obj2) //{name: '小明', age: 18}

let arr = [1,2,3]
let arr2 = deepClone(arr)
console.log(arr)   // [1, 2, 3]
console.log(arr2) // [1, 2, 3]
arr2[1] = 'a'
console.log(arr)  // [1, 2, 3]
console.log(arr2) // [1, 'a', 3]