javascript 三种数组复制方法的性能对比

网络编程 2025/1/22 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

一. 三种数组复制方法
1. by slice
var arr = [1, 2, 3], copyArr;
copyArr = arr.slice();

2. by concat
var arr = [1, 2, 3], copyArr;
copyArr = arr.concat();
3. by loop
var arr = [1, 2, 3], copyArr = [];
for (var i=0, j=arr.length; i
二. 测试环境
浏览器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3

三. 测试用例
用上面3种方法, 对一个拥有500000项的数组进行复制操作, 然后对比3种方法所耗掉的时间.
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030" /> <title>3种数组复制方法的性能对比</title> <meta name="description" content="数组复制, slice, concat" /> <meta name="keywords" content="数组复制, slice, concat" /> </head> <body> <p>我们以一个拥有500000个子项的数组, 作为测试对象(IE不会崩溃哦!).</p> <button id="J_CopyBySlice">copyBySlice</button> <button id="J_CopyByConcat">copyByConcat</button> <button id="J_CopyByLoop">copyByLoop</button> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

四. 测试结果(点图片可查看大图)

五. 结论
~~对于IE, 使用slice; 非IE, 使用concat.~~
对于webkit, 使用concat; 其他浏览器, 使用slice.