美文网首页
js 中的深拷贝和浅拷贝

js 中的深拷贝和浅拷贝

作者: 施主画个猿 | 来源:发表于2018-05-22 16:59 被阅读0次

浅拷贝

对于基本类型,浅复制是对值的复制,对于引用类型来说,浅复制是对对象地址内存地址指针的复制,并没有开辟新的内存地址,也就是复制的结果是两个指针指向同一个内存地址,修改其中一个对象的属性,则另一个对象的属性也会改变。更详细的解释(https://www.jianshu.com/p/eba0a40a54bb)

深拷贝

深复制会开辟新的内存地址,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。
深拷贝的方式有两种

  1. 递归对象属性
var china = {
        nation : '中国',
        birthplaces:['北京','上海','广州'],
        skincolr :'yellow',
        friends:['sk','ls']
      }
     //深复制,要想达到深复制就需要用递归
      function deepCopy(o,c){
        var c = c || {}
        for(var i in o){
        if(typeof o[i] === 'object'){
                  //要考虑深复制问题了
                      if(o[i].constructor === Array){
                        //这是数组
                        c[i] =[]
                    }else{
                        //这是对象
                        c[i] = {}
                    }
                    deepCopy(o[i],c[i])
               }else{
                 c[i] = o[i]
               }
           }
           return c
      }
      var result = {name:'result'}
      result = deepCopy(china,result)
      console.dir(result)
  1. 简单粗暴使用JSON方便切断对象之间的关联
var a=[1,2,2,3,4]
var b= JSON.parse(JSON.stringify(a))

这种方式的深拷贝方式会忽略函数对象和原型对象,如果需要使用原有对象的原型方法则不能使用这种方式深拷贝

相关文章

网友评论

      本文标题:js 中的深拷贝和浅拷贝

      本文链接:https://www.haomeiwen.com/subject/dpckjftx.html