由于js中数组通过传引用的方式传递,所以会有有如下现象:
var arr1 = ["aaa","bbb"];
var arr2 = arr1;
arr2[0] = "ccc";
alert(arr1);//ccc,bbb
当把arr1赋给arr2时,实际只是将arr1的地址赋给了arr2,因此对arr2的改变会影响到同一地址的arr1。
关于传值与传引用的问题,http://blog.csdn.net/zzzaquarius/article/details/4902235这篇文章讲解得非常清楚!
为了使对arr2的操作不影响arr1,常见的方法有用contact()函数或slice()函数。
- concat() 连接两个或更多的数组,并返回结果。
- slice() 从某个已有的数组返回选定的元素。
var arr = ["aaa","bbb"];
var arr2 = arr.concat();
var arr3 = arr.slice(0);
arr2[0] = "ccc";
alert(arr);//aaa,bbb
arr3[9] = "ddd";
alert(arr);//aaa,bbb
- arr.concat()即arr与一个空数组拼接,返回拼接的结果,即arr的副本。
- arr.slice(0)即arr从第0位开始截取一直到数组末尾,返回截取的部分,即arr的副本。
两个函数返回的都不再是原来的数组,而是一个新的数组,从而达到复制的效果。
但是用concat()或slice()函数进行复制只对一维数组有效,对二位数组则无法起到复制的作用,如下例:
var arr = [["aaa","bbb"],["ccc","ddd"]];
var arr2 = arr.concat();
var arr3 = arr.slice(0);
arr2[0][1] = "test";
alert(arr);//aaa,test,ccc,ddd
arr3[0][1] = "test";
alert(arr);//aaa,test,ccc,ddd
个人理解原因在于二维数组[["aaa","bbb"],["ccc","ddd"]]在使用concat()和slice()将该数组视为[ArrayObject,ArrayObject]。由于数组对象是传引用,在复制二维数组时,实际是传递了["aaa","bbb"]的地址,["ccc","ddd"]的地址],所以对["aaa","bbb"]和["ccc","ddd"]的改变都会改变原先的数组对象。
幸运的是,jquery提供了一种便捷的数组深度复制方法:
var arr2 = $.extend(true, {}, arr);
测试如下:
var arr = [["aaa","bbb"],["ccc","ddd"]];
var arr2 = $.extend(true, {}, arr);
arr2[0][1] = "test";
alert(arr2[0]);//aaa,test
alert(arr[0]);//aaa,bbb