JS中快速复制数组的方法

最新推荐文章于 2020-12-03 18:04:47 发布

iteye_20517

最新推荐文章于 2020-12-03 18:04:47 发布

阅读量749

点赞数

文章标签： c# javascript java ViewUI

一、错误实现

vararray1= newArray("1","2","3");
vararray2;
array2=array1;
array1.length=0;
alert(array2); // 返回为空

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

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

二、使用slice()

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

vararray1=newArray("1","2","3");
vararray2;
array2=array1.slice(0);
array1.length=0;
alert(array2);//返回1、2、3

三、使用concat()

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

vararray1=newArray("1","2","3");
vararray2;
array2=array1.concat();
array1.length=0;
alert(array2);//返回1、2、3

四、测试

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>ArrayTest</title>
<scripttype="text/javascript">
vararray1;
vararray2;

functionclone1(){
array1=newArray("1","2","3");
array2=array1;
array1.length=0;
alert(array2);
}

functionclone2(){
array1=newArray("1","2","3");
array2=array1.slice(0);
array1.length=0;
alert(array2);
}

functionclone3(){
array1=newArray("1","2","3");
array2=array1.concat();
array1.length=0;
alert(array2);
}

</script>

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