登录
    最新消息：
    你的位置：爱开源 > 字体 > JavaScript深度克隆（深度拷贝）一个对象

    JavaScript深度克隆（深度拷贝）一个对象

    字体 admin 3743浏览 0评论

    我有一个前端笔试题：使用JavaScript深度克隆一个对象。可是我发现大多数人都是空白，问他为什么不做，大部分说不懂这题目的意思。

    科普一下：

    js一般有两种不同数据类型的值：

    基本类型（包括undefined,Null,boolean,String,Number），按值传递；

    引用类型（包括数组，对象），按址传递，引用类型在值传递的时候是内存中的地址。例如：

    1 var a={"a":1};
    2
    3 var b=a;
    4
    5 b["b"]=2;
    6
    7 console.log(a);//{"a":1,"b":2};

    如果你修改b的值，那么a变量的值也发生了变化。

    克隆或者拷贝分为2种：浅度克隆（拷贝），深度克隆（拷贝）；

    浅度克隆：基本类型为值传递，对象仍为引用传递。

    深度克隆：所有元素或属性均完全克隆，并于原引用类型完全独立，即，在后面修改对象的属性的时候，原对象不会被修改。

    我的深度克隆代码如下：

    01 function cloneObject(o) {
    02        if(!o || 'object' !== typeof o) {
    03            return o;
    04        }
    05        var temp;
    06        if(o.constructor === Array){
    07            //temp=o.concat();
    08            temp = [];
    09            var i = o.length;
    10            while (i--) {
    11                temp[i] = cloneObject(o[i]);
    12            }
    13        }else if(o.constructor === Object){
    14            temp = {};
    15            for (var k in o) {
    16                if(o.hasOwnProperty(k)){
    17                    temp[k] = cloneObject(o[k]);
    18                }
    19            }
    20        }
    21        return temp;
    22    }

    主要使用了递归。
    不过代码看上去挺变扭的，被朋友批了一顿，数组本来就是对象，可以精简代码。优化了一下，欢迎拍砖：

    1 function cloneObject(obj){
    2    var o = obj.constructor === Array ? [] : {};
    3    for(var i in obj){
    4        if(obj.hasOwnProperty(i)){
    5            o[i] = typeof obj[i] === "object" ? cloneObject(obj[i]) : obj[i];

     

    转载请注明：爱开源 » JavaScript深度克隆（深度拷贝）一个对象

    与本文相关的文章

    您必须 登录 才能发表评论！