首页 > Web开发 > 详细

js的深拷贝的理解和实现

时间:2019-02-18 10:40:41      阅读:248      评论:0      收藏:0      [点我收藏+]

一:什么是深拷贝?

举例:a=b,当改变a时b也改变这样的copy就是浅拷贝,反之当改变a时b不会改变就是深拷贝

二:实现深拷贝

1、最简单方法就是使用JSON.stringfy()和JSON.parse()。

var syb = Symbol(‘obj‘);
var person = {
   name :‘tino‘,
   say: function(){
      console.log(‘hi‘);
   },
   ok: syb,
   un: undefined
}
var copyPerson = JSON.parse(JSON.stringify(person))

但是有局限性:当值为undefinedfunctionsymbol 会在转换过程中被忽略,对象值有这三种的话用这种方法会导致属性丢失。

2、通用方法(递归复制)

deepClone => (obj){
    let objClone = Array.isArray(obj)?[]:{};
    if(obj && typeof obj==="object"){
        for(key in obj){
            if(obj.hasOwnProperty(key)){
                //判断ojb子元素是否为对象,如果是,递归复制
                if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                }else{
                    //如果不是,简单复制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
}

  

  

js的深拷贝的理解和实现

原文:https://www.cnblogs.com/piaobodewu/p/10393863.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!