js浅copy和深copy

var arr1 = ['a', 'b', 'c'];
var arr2 = arr1;
arr2[0] = 'a2';
alert(arr1[0])

arr2和arr1的内容是一样的，但是arr2的内容一旦改变，也会影响arr1的内容，因为arr1和arr2是指向同一块内存。这叫做浅copy。
js的深copy可以通过Array的slice方法实现。

var arr1 = ['a', 'b', 'c'];
var arr2 = arr1.slice(0);
arr2[0] = 'a2';
alert(arr1[0]);

对象同样有深浅两种copy，浅copy一样，深copy可以通过jQuery的extend方法实现。

var obj1 = {a: 'aa', b: 'bb'};
var obj2 = $.extend({}, obj1);
obj2.a = 'a2';
alert(obj1.a);

那么，array中包含对象会怎么样呢？今天我就遇到这样一个坑。

var arr1 = [{a1: 'a1', a2: 'a2'},
            {b1: 'b1', b2: 'b2'}];
var arr2 = arr1.slice(0);
arr2[0] = 'a', arr2[1].b1 = 'bb';
alert(arr1[0]);
alert(arr1[1].b1);

arr1和arr2确实是两个数组，但它们里面的对象实际上还是共享同一块内存。我暂时没想到方便的方法，只好遍历数组一个个复制里面的对象。