Javascript中的数组复制

一、 错误实现

不少人可能直接就用等号进行赋值了

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

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

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

二、 使用slice()

Array.slice 方法:

public slice([startIndex:Number], [endIndex:Number])

返回由原始数组中某一范围的元素构成的新数组,而不修改原始数组。返回的数组包括 startIndex 元素以及从其开始到 endIndex 元素(但不包括该元素)的所有元素。

可使用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>

你可能感兴趣的:(JavaScript)