JavaScript深度克隆(深度拷贝)一个对象

纯属理论阶段


有一个前端笔试题:使用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];
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值