Object的浅拷贝与深拷贝

浅拷贝:

浅拷贝是创建一个新对象,如果属性是值类型拷贝的就是值类型的值,如果属性是引用类型拷贝的就是内存地址,所以如果其中一个对象改变这个地址,就会影响另一个对象.

let obj={name:'李丹',list:[4,5,6],param:{data:'抽烟喝酒烫头'}}
let copyObj=Object.assign({},obj)
console.log(obj==copyObj)    //false
conlose.log(obj.list==copyObj.list)    //true

1.使用concat连接实现浅拷贝:

let arr=[{
    username:'jack',
    password:'123456'
},{
    username:'小高',
    password:'12345
}]
let copyArr=[].concat(arr)
console.log(copyArr==arr)  //fasle
console.log(copyArr[0]==arr[0]) //true

2.使用slice来实现浅拷贝:

let copyArr1=arr.slice()
    console.log(copyArr1==copyArr); 
    console.log(copyArr1[0]==copyArr[0]); 

3.使用扩展运算符来实现:

let arr=[{
    username:'jack',
    password:'123456'
},{
    username:'小高',
    password:'12345
}]
let copyArr2=[...arr]
console.log(copyArr2==arr)
conlose.log(copyArr[0]==arr[0])

4.使用函数来实现浅拷贝:

function copy(obj){
    创建一个新的对象
    let constructor=obj.constructor
    let copyObj=new constructor
    for(let key in obj){
        copyObj[key]=obj[key]
}
    return copyObj
}
let arr3=copy(arr)

5.使用lodash来实现

<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>

let object={name:'王丹',list:[4,3,8],param:{data:'打游戏'}}
let copyObjecct= _.clone(object)
conlose.log(object==copyObjecct)    //false
conlose.log(object.list==copyObject.list)    //true

深拷贝:

深拷贝是将一个对象从内存中完整的拷贝出来,在从堆内存中开辟一个新的空间,存放新的对象,

        所以修改新对象不会影响原来的对象.

1.使用序列化和反序列化来实现深拷贝:

let object ={
    list:[{
    name:'rose',
},{
    name:'jack'
}]
}

let copyObject =JSON.parse(JSON.stringify(object))
console.log(copyObject==object)    //false
console.log(copyObject.list ==object.list )    //false
console.log(copyObject.list[0] ==object.list[0])    //false

2.使用lodash实现深拷贝:

let obj = {
            list: [{
                name: 'jack',
            }, {
                name: 'tom'
            }]
        }

let copyObject= _.cloneDeep(obj)
console.log(copyObject == obj)
console.log(copyObject.list == obj.list)
console.log(copyObject.list[0] == obj.list[0])

3.自定义函数实现深拷贝(递归实现)

let obj = {
            list: [{
                name: 'jack',
            }, {
                name: 'tom'
            }]
        }

function deepClone(obj){
    //判断当前传入的参数是不是一个对象
    if(!(typeof obj=='object' && obj)){ //不是对象或者obj不为null的情况
        return obj
}
    //如果它是数组 就赋值数组 如果它是对象 就赋值对象
    let copyObjecct=obj instanceof Array ? [] : {}
    //遍历传入的对象
    for(let key in obj){
        //将对应的内容进行赋值
        copyObject[key]= deepClone(obj[key])
}
    return copyObjecct
}
let copyObject =deepClone(obj)
console.log(copyObject == obj)
console.log(copyObject.list ==obj.list)
console.log(copyObjcect.list[0] ==obj.list[0])