码迷,mamicode.com
首页 > Web开发 > 详细

js拷贝

时间:2018-04-01 16:31:53      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:body   克隆   SM   信用卡   name   blog   返回值   family   eof   

现在有一个对象

var obj = {

    name: ‘隔壁老王‘,
    age: 60,
    sex: ‘male‘
    
}

我们现在想把obj里的每一个属性拷贝到一个空对象var obj1 = {}中,那么需要写一个克隆方法,首先遍历一下obj对象,然后把里面的每一个属性都拷贝过去。代码如下:

var obj = {

    name: ‘隔壁老王‘,
    age: 60,
    sex: ‘male‘

};

var obj1 = {};

function clone(origin, target) {
    for (var prop in origin) {
        target[prop] = origin[prop];
    }
};

clone(obj, obj1);

在控制台中查看obj1,会发现实现了对obj的拷贝。

我们再对这个方法进行一些完善:有可能用户在执行clone方法时,只传origin一个参数,然后将函数执行结果赋给对象obj1,所以我们需要在方法最下方加一个返回值target,返回克隆结果,相应的也要在函数体里声明var target = {};

还有一种情况obj1对象里事先有其他属性,那么函数体里写 var target = target || {};

 

function clone(origin, target) {
    var target = target || {};
    for (var prop in origin) {
        target[prop] = origin[prop];
    }
    return target;
}

 

 

 

var obj = {
            name: ‘隔壁老王‘,
            age: 60,
            sex: ‘male‘,
            card: [‘信用卡‘, ‘借记卡‘, ‘理发卡‘],
            wife: {
                name: ‘小刘‘,
                son: {
                    name1: ‘王小宝‘,
                    name2: ‘王二宝‘
                }
            },
            divorce: function () { }
        };

        var obj1 = {

            father: "老王"

        };

        function deepClone(origin, target) {
            var target = target || {},
                toStr = Object.prototype.toString,
                arrStr = ‘[object Array]‘;
            for (var prop in origin) {
                if (origin.hasOwnProperty(prop)) {
                    if (typeof (origin[prop]) == ‘object‘ && origin[prop] !== null) {
                        target[prop] = (toStr.call(origin[prop]) == arrStr) ? [] : {};
                        deepClone(origin[prop], target[prop]);
                    } else {
                        target[prop] = origin[prop];
                    }
                }
            }
            return target;
        }

        deepClone(obj, obj1);

 

js拷贝

标签:body   克隆   SM   信用卡   name   blog   返回值   family   eof   

原文地址:https://www.cnblogs.com/love314159/p/8687024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!