JS的深拷贝和浅拷贝

Posted 2020-10-20 十一云子

浅拷贝和深拷贝都是对于复杂对象Object和Array来说的,对于直接量来说,复制的是值,也就不存在深浅的区别.

对于对象来说,浅拷贝就是将自身的属性复制到另外一个空对象上,深拷贝则更近一步,它会将对象的对象属性进行递归拷贝,从而避免两个对象指向同一个地址,原对象属性改变,新对象属性也改变的情况.

案例1:

function deepCopy( from ){
    var new_obj = from instanceof Array?[]:{};
    for( var i in from ){
        if( typeof from[i] == ‘object‘ ){
            new_obj[i] = deepCopy(from[i])
        }else{
            new_obj[i] = from[i]
        }
    }
    return new_obj
}

案例2:

function deepCopy( from ){
    return JSON.parse(JSON.stringify(from))
}

更详细的资料可参考该博文