javascript中对象的深拷贝

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wumama123/article/details/79351034

javascript中对于字符串类型，浅拷贝是对值的复制；对于对象来说，浅拷贝是对对象地址的复制，并没有开辟新的栈，也就是说复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变，而深拷贝则是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。

深拷贝可以从两个方法进行解决：

• 通过递归解析解决

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)
      result.skincolr = "green"
      console.log(result)
      console.log(china)

• 通过JSON解析解决

var test ={
        name:{
        xing:{ 
             first:'张',
             second:'李'
        },
        ming:'老头'
      },
      age :40,
      friend :['隔壁老王','宋经纪','同事']
     }
      var result = JSON.parse(JSON.stringify(test))
      result.age = 30
      result.name.xing.first = '哈哈'
      result.friend.push('12345')
      console.log(test)
      console.log(result)