Javascript中遍历数组方法的性能对比

Javascript中常见的遍历数组的方法

1.for循环

for(var i = 0; i < arr.length; i++) { // do something. }

2.for循环的改进版

for(var i = 0, len = arr.length; i < len; i++) { // do something. }

3.数组的forEach方法

arr.forEach(function() { // do something. });

4.数组的map方法

arr.map(function() { // do something. });

5.for(var ... in ... )

for(var elem in arr) { // do something. }

 

构建检测性能的代码

var arr = new Array(); for(var i = 0; i < 1000000; i++) { arr.push(i); }// 1 console.time();for(var i = 0; i < arr.length; i++) {　　// do something.} console.timeEnd();// 2 console.time(); for(var i = 0, len = arr.length; i < len; i++) { 　　// do something. } console.timeEnd();// 3 console.time(); arr.forEach(function() {　　// do something.}); console.timeEnd();// 4 console.time(); arr.map(function() {　　// do something.}); console.timeEnd();// 5 console.time(); for(var elem in arr) {　　// do something.} console.timeEnd();

 

测试环境

 Windows10 Google Chrome 版本 60.0.3112.101（正式版本）

 

结果（只选取一组比较有代表性的）

default: 7.076904296875msdefault: 5.582275390625msdefault: 26.144775390625msdefault: 577.5009765625msdefault: 204.117919921875ms

 

结论

使用for循环的性能最高。

 

转载于:https://www.cnblogs.com/SyMind/p/7420050.html

相关资源：JAVA上百实例源码以及开源项目