继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript:如何复制一个对象

熠熠生阳
关注TA
已关注
手记 67
粉丝 76
获赞 1245

对象作为引用类型,使用运算符=时,只是复制了对象的地址。

var obj1 = {a:1};
var obj2 = obj1;
obj2.a = 2; 
obj1.a//2
修改对象obj2同时会改变obj1,那么如果我们需要克隆出一个独立但属性、方法完全一样的对象,该如何实现?
完全复制对象的核心实现是将其json化,大体分为三步
  1. 将原对象json化,再解析出来,得到部分1
  2. 找回json后丢失的部分,得到部分2
  3. 在原对象的原型链新建一个对象,添加部分1,2
function cloneObj(obj) {
    //1
    var newJsonObj = {};
    newJsonObj = JSON.parse(JSON.stringify(obj));
    //2
    for (items in obj) {
        if (typeof obj[items] == "function" || typeof obj[items] == "undefined" || obj[items] instanceof RegExp) {
            newJsonObj[items] = obj[items];
        }
    }
    //3
    var newObj = new obj.constructor;
    for (items in newJsonObj) {
        newObj[items] = newJsonObj[items]
    }
    return newObj;
}
var obj1={a:1,b:1}
var obj2=cloneObj(obj1)
obj2//Object {a: 1, b: 1}
obj2.a=2
obj1//Object {a: 1, b: 1}
obj2//Object {a: 2, b: 1}
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP