[轉]利用 jQuery 克隆對象。

原文：http://my.opera.com/jlake/blog/2009/04/09/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 的相應值保持不變，就說明復制成功。

ExtJS 也有類似的方法 Ext.apply，因此單獨用 ExtJS 應該也能實現同樣的功能。