快捷導(dǎo)航

Javascript 復(fù)制數(shù)組實(shí)現(xiàn)代碼

更新時間：2009年11月26日 18:44:30 作者：

Javascript 復(fù)制數(shù)組實(shí)現(xiàn)代碼，需要的朋友可以參考下。

一、錯誤實(shí)現(xiàn)
不少人可能直接就用等號進(jìn)行賦值了：

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

這種做法是錯的，因?yàn)閖avascript分原始類型與引用類型（與java、c#類似）。Array是引用類
型。array2得到的是引用，所以對array1的修改會影響到array2。
二、使用slice()
可使用slice()進(jìn)行復(fù)制，因?yàn)閟lice()返回也是數(shù)組。

復(fù)制代碼代碼如下:

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

三、使用concat()
注意concat()返回的并不是調(diào)用函數(shù)的Array，而是一個新的Array，所以可以利用這一點(diǎn)進(jìn)行復(fù)制。

復(fù)制代碼代碼如下:

 
var array1 = new Array("1","2","3"); 
var array2; 
array2 = array1.concat(); 
array1.length = 0; 
alert(array2); //返回1、2、3 

四、測試

復(fù)制代碼代碼如下:

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

在IE8及FF3.0下均通過測試

您可能感興趣的文章:

相關(guān)文章

JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡單方法
這篇文章主要介紹了JS阻止冒泡事件以及默認(rèn)事件發(fā)生的簡單方法，有需要的朋友可以參考一下
2014-01-01
javascript向flash swf文件傳遞參數(shù)值注意細(xì)節(jié)
如何使用javascript向SWF文件傳遞參數(shù)?在網(wǎng)上找了一個完整的教程，很有啟發(fā)性和實(shí)用性，如下是完整實(shí)現(xiàn)的步驟,需要的朋友可以參考下
2012-12-12
Json優(yōu)缺點(diǎn)及使用介紹
這篇文章介紹了Json優(yōu)缺點(diǎn)及使用方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-12-12
JavaScript高級程序設(shè)計（第3版）學(xué)習(xí)筆記11 內(nèi)建js對象
內(nèi)建對象是指由ECMAScript實(shí)現(xiàn)提供的、不依賴于宿主環(huán)境的對象，這些對象在程序運(yùn)行之前就已經(jīng)存在了
2012-10-10
JavaScript中l(wèi)et避免閉包造成問題
這篇文章主要介紹了JavaScript中l(wèi)et避免閉包造成問題,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-07-07
JavaScript的類型簡單說明
JavaScript變量有2中類型：原始類型和引用值類型。
2010-09-09
javascript如何創(chuàng)建表格(javascript繪制表格的二種方法)
利用js來動態(tài)創(chuàng)建表格有兩種格式，appendChild()和insertRow、insertCell()。兩種方式其實(shí)差不多，但第一種有可能在IE上有問題，所以推薦大家使用第二種方法，看下面的解決和使用方法
2013-12-12
JavaScript 詳解緩動動畫的封裝與使用
緩動動畫原理：移動的像素慢慢減少，讓效果看起來更柔和更美觀，通過定時器加回調(diào)函數(shù)，實(shí)現(xiàn)動畫效果以及更多具體功能，非常好用
2021-11-11
javascript中的3種繼承實(shí)現(xiàn)方法
這篇文章主要介紹了javascript中的3種繼承實(shí)現(xiàn)方法，包括使用Object.create實(shí)現(xiàn)類式繼承、使用utilities工具包自帶的util.inherites、使用extends關(guān)鍵字，非常的實(shí)用，希望對大家了解javascript繼承能夠有所幫助
2016-01-01
Javascript中this的用法詳解
本文主要是重新回顧一下自己關(guān)于this的理解，發(fā)現(xiàn)自己的理解確實(shí)是有些偏差的，記錄一下，希望對大家有所幫助
2014-09-09