关于数组复制的问题

引用自：http://blog.sina.com.cn/s/blog_51baa1570100io8r.html

 

一、 错误实现
var array1 = new Array("1","2","3"); 
var array2; 
array2 = array1; 
array1.length = 0; 
alert(array2); //返回为空

这种做法是错的，因为javascript分原始类型与引用类型（与java、c#类似）。Array是引用类

型。array2得到的是引用，所以对array1的修改会影响到array2。

二、 使用slice()

可使用slice()进行复制，因为slice()返回也是数组。

var array1 = new Array("1","2","3"); 
var array2; 
array2 = array1.slice(0); 
array1.length = 0; 
alert(array2); //返回1、2、3

三、 使用concat()

注意concat()返回的并不是调用函数的Array，而是一个新的Array，所以可以利用这一点进行复制。

var array1 = new Array("1","2","3"); 
var array2; 
array2 = array1.concat(); 
array1.length = 0; 
alert(array2); //返回1、2、3

四、 测试

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Array Test</title> 
<script type="text/javascript"> 
var array1; 
var array2; 

function clone1() {
array1 = new Array("1","2","3");
array2 = array1; 
array1.length = 0; 
alert(array2); 
} 

function clone2() { 
array1 = new Array("1","2","3");
array2 = array1.slice(0); 
array1.length = 0; 
alert(array2);
} 

function clone3() { 
array1 = new Array("1","2","3");
array2 = array1.concat(); 
array1.length = 0; 
alert(array2);
} 

</script> 

</head> 
<body> 
<input type="button" value="clone1" onclick="clone1()" /><br /> 
<input type="button" value="clone2" onclick="clone2()" /><br /> 
<input type="button" value="clone3" onclick="clone3()" /><br /> 
</body> 
</html>

 

posted @ 2016-03-10 17:54  驸马爷  阅读(329)  评论(0)  编辑  收藏  举报