JS中复制数组 Array 数组是引用类型

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2013/1/6
一、 错误实现
var array1 = new Array("kuabaobao","camnpr","bubuol"); 
var array2; 
array2 = array1; 
array1.length = 0; 
alert(array2); //返回为空

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

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

、 使用concat()

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

var array1 = new Array("kuabaobao","camnpr","bubuol"); 
var array2; 
array2 = array1.concat(); 
array1.length = 0; 
alert(array2); //返回kuabaobao,camnpr,bubuol 

、 使用slice()

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

var array1 = new Array("kuabaobao","camnpr","bubuol"); 
var array2; 
array2 = array1.slice(0); 
array1.length = 0; 
alert(array2); //返回kuabaobao,camnpr,bubuol

四、 测试

<!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 kuabaobao</title> 
<script type="text/javascript"> 
var array1; 
var array2; 

function clone1() {
array1 = new Array("kuabaobao","camnpr","bubuol");
array2 = array1; 
array1.length = 0; 
alert(array2); 


function clone2() { 
array1 = new Array("kuabaobao","camnpr","bubuol");
array2 = array1.slice(0); 
array1.length = 0; 
alert(array2);


function clone3() { 
array1 = new Array("kuabaobao","camnpr","bubuol");
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>

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/array-slice-concat-copy.html