使用javascript深度拷贝数组和对象

1. 深度拷贝方法的封装

// 深度拷贝
function deepCopy(val){
    if (typeof val === 'object') {
        if (Array.isArray(val)) { // 数组
            let arr = []
            val.forEach(item => arr.push(item))
            return arr
        } else if (val instanceof Date){ // 日期
            return new Date(val);
        } else if (val instanceof RegExp){ // 正则
            return new RegExp(val);
        } else { // 对象
            let obj = {}
            for(let key in val){
                obj[key] = deepCopy(val[key])
            }                            
            return obj
        }
    } else {
        return val
    }
}

let arr1 = [1,2,3]
let arr2 = deepCopy(arr1)
arr1[0] = 0
console.log(arr1) // [0,2,3]
console.log(arr2) // [1,2,3]

let _t1 = {name: '测试'}
let _t2 = deepCopy(_t1)
_t1.name = '测试2'
console.log(_t1)  // {name: '测试2'}
console.log(_t2)  // {name: '测试'}

2. 一个简单的深度拷贝使用方法

let t1 = {name: 'a'}
let t2 = JSON.parse(JSON.stringify(t1))
t1.name = 'b'
console.log(t1); // 打印输出 b
console.log(t2); // 打印输出 a

3. 浅拷贝是指，只复制第一层