js数组复制

由于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

新址： http://www.limisky.com/104.html