js浅copy和深copy

来源:互联网 发布:ant windows 64位下载 编辑:程序博客网 时间:2024/05/30 04:30
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确实是两个数组,但它们里面的对象实际上还是共享同一块内存。我暂时没想到方便的方法,只好遍历数组一个个复制里面的对象。

0 0
原创粉丝点击