js的深度复制

1、利用JSON.stringify和JSON.parse;这种方法只能适用json格式

          var a = {b:{c:1}};

         var d = JSON.parse(JSON.stringify(a));

         console.log(d); //{b:{c:1}}

        a.b.c = 2;

        console.log(d);//{b:{c:1}}

2、根据jquery的extend方法改写

      function copyObject () {

            let i = 1,

            target = arguments[0] || {},

            deep = false,

            length = arguments.length,

            name, options, src, copy,

            copyIsArray, clone;

 

           // 如果第一个参数的数据类型是Boolean类型(用于判断是深复制还是浅复制)

           // target往后取第二个参数

           if (typeof target === 'boolean') {

                   deep = target;

                  // 使用||运算符,排除隐式强制类型转换为false的数据类型

                  // 如'', 0, undefined, null, false等

                  // 如果target为以上的值,则设置target = {}

                  target = arguments[1] || {};

                  i++;

              }

 

             // 如果target不是一个对象或数组或函数

              if (typeof target !== 'object' && (typeof target !== 'function')) {

                     target = {};

                }

 

              // 如果arguments.length === 1 或

            // typeof arguments[0] === 'boolean',

            // 且存在arguments[1],则直接返回target对象

            if (i === length) {

              return target;

       }

 

        // 循环每个源对象

        for (; i < length; i++) {

                 // 如果传入的源对象是null或undefined

                 // 则循环下一个源对象

                 if (typeof (options = arguments[i]) != null) {

                           // 遍历所有[[emuerable]] === true的源对象

                           // 包括Object, Array, String

                          // 如果遇到源对象的数据类型为Boolean, Number

                          // for in循环会被跳过,不执行for in循环

                 for (name in options) {

                          // src用于判断target对象是否存在name属性

                         src = target[name];

                          // copy用于复制

                          copy = options[name];

                         // 判断copy是否是数组

                         copyIsArray = Array.isArray(copy);

                         if (deep && copy && (typeof copy === 'object' || copyIsArray)) {

                                    if (copyIsArray) {

                                           copyIsArray = false;

                                           // 如果目标对象存在name属性且是一个数组

                                           // 则使用目标对象的name属性,否则重新创建一个数组,用于复制

                                           clone = src && Array.isArray(src) ? src : [];

                                   } else {

                                         // 如果目标对象存在name属性且是一个对象

                                        // 则使用目标对象的name属性,否则重新创建一个对象,用于复制

                                        clone = src && typeof src === 'object' ? src : {};

                                 }

                                // 深复制,所以递归调用copyObject函数

                                // 返回值为target对象,即clone对象

                               // copy是一个源对象

                                target[name] = copyObject(deep, clone, copy);

                    } else if (copy !== undefined){

                            // 浅复制,直接复制到target对象上

                               target[name] = copy;

                     }

             }

      }

}

// 返回目标对象

          return target;

}

var a = {};

var b = {b:345,e:{d:123}};

var c = copyObject(true,a,b);

这样就可以把b深复制到c或者a

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值