JS中複製數組

時間 2019-11-17

標籤複製數組欄目 JavaScript 简体版

原文原文鏈接

JS中複製數組

(2010-01-26 14:57:43)

轉載▼

標籤：

雜談

分類： JavaScript

1、錯誤實現

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

這種作法是錯的，由於javascript分原始類型與引用類型（與java、c#相似）。Array是引用類 javascript

型。array2獲得的是引用，因此對array1的修改會影響到array2。 html

2、使用slice() java

可以使用slice()進行復制，由於slice()返回也是數組。 c#

var array1 = new Array("1","2","3");
var array2;
array2 = array1.slice(0);
array1.length = 0;
alert(array2); //返回一、二、3 數組

3、使用concat() 函數

注意concat()返回的並非調用函數的Array，而是一個新的Array，因此能夠利用這一點進行復制。測試

var array1 = new Array("1","2","3");
var array2;
array2 = array1.concat();
array1.length = 0;
alert(array2); //返回一、二、3
ui

4、測試 spa

<!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> .net

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。