利用 jQuery 克隆 Object

利用 jQuery 克隆 Object

在网上搜索关键字 “javascript object clone”，可以找到很多实现克隆 Object 的代码，可是据我测试，让人满意的几乎没有。

今天发现 jQuery 的作者 John Resig 给别人的答复，尝试了一下确实很好用。

方法如下：

// 浅层复制（只复制顶层的非 object 元素）
var newObject = jQuery.extend({}, oldObject);

// 深层复制（一层一层往下复制直到最底层）
var newObject = jQuery.extend(true, {}, oldObject);

 测试如下：

var obj1 = {
  'a': 's1',
  'b': [1,2,3,{'a':'s2'}],
  'c': {'a':'s3', 'b': [4,5,6]}
}

var obj2 = $.extend(true, {}, obj1);
obj2.a='s1s1';
obj2.b[0]=100;
obj2.c.b[0]=400;

console.log(obj1);
console.log(obj2);

 obj2 内部元素的值改变之后，如果 obj1 的相应值保持不变，就说明复制成功。

 

直接复制Array对象好像不能遍历，可以把Array对象放到另一个简单对象的属性上，复制另一个对象，再取出遍历。

var bzs = new Array();

***

var temp = new Object();
temp.bzs = bzs;
var bak = jQuery.extend(true, {}, temp);

ExtJS 也有类似的方法 Ext.apply，因此单独用 ExtJS 应该也能实现同样的功能。