利用 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 的相應值保持不變，就說明覆製成功。