Javascript中的数组复制

叶威1

于 2013-06-02 16:02:31 发布

阅读量828

点赞数 1

分类专栏： js 文章标签： JavaScript

本文链接：https://blog.csdn.net/ye1992/article/details/9006765

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一、错误实现

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

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>

叶威1

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript中的数组复制

一、错误实现不少人可能直接就用等号进行赋值了 var array1 = new Array("1","2","3"); var array2; array2 = array1; array1.length = 0; alert(array2); //返回为空这种做法是错的，因为javascript分原始类型与引用类型（与java、c#类似）。Array是引用类
复制链接

扫一扫

专栏目录