码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 拷贝

时间:2014-10-11 17:25:25      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:des   blog   http   io   os   使用   ar   java   for   

拷贝简单分为浅拷贝与深度拷贝,即给定一个对象,生成一个相同的对象。

浅拷贝

function copy(source,destiny){
  destiny = destiny || {};
  if(typeof(source) === ‘object‘){  //  是object或者array
    for(var i in source){
    if(source.hasOwnProperty(i)){
      destiny[i] = source[i];
    }
   }
  }else{  //string number boolean,undefined null
    destiny = source;
  }
  
  return destiny;
}

  简单测试一下:

var ls = {
  a:12,
  b:22,
  c:{
    c1:1,
    c2:2
  }
};
var ld = copy(ls);
console.log(ld);

  结果:

[object Object] {
  a: 12,
  b: 22,
  c: [object Object] {
    c1: 1,
    c2: 2
  }
}

  但是,如果改变新生成对象的值,再查看一下source对象

ld.c.c1=3;
console.log(ls);
[object Object] {
  a: 12,
  b: 22,
  c: [object Object] {
    c1: 3,
    c2: 2
  }
}

  发现source对象也被改变,说明,对于复杂对象(key对应的value值为对象),进行浅拷贝,key对应的使用的是同一个引用,很容易引起问题。

深拷贝

function deepCopy(source,destiny){
  destiny = destiny || {};
  var i;
  for( i in source){
    if(source.hasOwnProperty(i)){
      if(typeof(source[i]) === "object"){
        destiny[i] = Object.prototype.toString.call(source[i]) === "[object Array]" ? [] : {};
         deepCopy(source[i],destiny[i]);    //递归调用
      }else{
        destiny[i] = source[i];
      }
    }
  }
  return destiny;
}

  测试一下:

var s = {
  a:1,
  b:{
    b1:2,
    b2:3
  },
  c:[4,5]
};
var d = deepCopy(s);

  

[object Object] {
  a: 1,
  b: [object Object] {
    b1: 2,
    b2: 3
  },
  c: [4, 5]
}

  

d.b.b1=22;
console.log(s);

  console.log(s)对应的值:

[object Object] {
  a: 1,
  b: [object Object] {
    b1: 2,
    b2: 3
  },
  c: [4, 5]
}

  测试地址 : http://jsbin.com/higijadatalu/1/edit

javascript 拷贝

标签:des   blog   http   io   os   使用   ar   java   for   

原文地址:http://www.cnblogs.com/teamobaby/p/4019061.html

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