您的位置：首页 > Web前端 > JavaScript

JS中快速复制数组的方法

2013-04-27 14:11 405 查看

一、错误实现

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>

转载自
编程知识网

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript

相关文章推荐

新的分享

章节导航