js object深拷贝

深拷贝 指:拷贝后的object改变时不会影响原数组。

-常见
* 循环拷贝包括函数

   var isObject=function(obj){
          var type=typeof obj
          return type==='function'||type==='object'&&!!obj
    }


    var deepClone=function(obj){
        if(!isObject(obj)) return obj
         var result=obj.constructor() //返回对创建此对象的数组函数的引用
         for(var i in obj){
            if(obj.hasOwnProperty(i)){ //这样就不会拷贝继承的原型的一些属性(判断特定的自身(非继承)属性。)
                result[i]=deepClone(obj[i])
            }
         }
      return result 
    }
    var msg=[123, {a: 1, b: {c: 2}}, 456]
    console.log(deepClone(msg))

  • 通过 JSON 对象实现深拷贝
//通过js的内置对象JSON来进行数组对象的深拷贝
function deepClone2(obj) {
  var _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
  return objClone;
}
/*
  JSON对象实现深拷贝的一些问题 
* 无法实现对对象中方法的深拷贝
*/
  • 通过jQuery的extend方法实现深拷贝
  • var array = [1,2,3,4]; var newArray = $.extend(true,[],array);
  • Object.assign()拷贝
  • 当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝。
  • lodash函数库实现深拷贝
  • lodash很热门的函数库,提供了 lodash.cloneDeep()实现深拷贝
    关注微信公众号了解更多有趣的小知识在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值