关于数组复制的问题

引用自：http://blog.sina.com.cn/s/blog_51baa1570100io8r.html

一、错误实现

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>

posted @ 2016-03-10 17:54 驸马爷阅读(332) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

十步杀一人千里不留行

关于数组复制的问题

搜索

常用链接

我的标签

随笔分类 (92)

随笔档案 (89)

angularJS

CSS

HTTP

IDE

JavaScript 基础

Javascript 进阶

JavaScript高级

Javascript模块化编程

MongoDB

Node.js

Vue

Webpack

WebStorm

前端知识扩展

页面设计

阅读排行榜

评论排行榜

推荐排行榜

最新评论