关于js中几种遍历方法性能的测试

来源:互联网 发布:新闻资讯网站php源码 编辑:程序博客网 时间:2024/06/03 20:32
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><script type="text/javascript">var arr = new Array(10000000);var arr1 = [];var arr2 = [];var arr3 = [];var arr4 = [];var arr5 = [];var arr6 = [];arr.fill(1);console.time('for优化版');for(var i = 0,len = arr.length;i < len;i ++){arr1.push(arr[i]);}console.timeEnd('for优化版');//forconsole.time('for');for(var i = 0;i < arr.length;i ++){arr2.push(arr[i]);}console.timeEnd('for');//forEachconsole.time('forEach');arr.forEach(function(val){arr3.push(val);});console.timeEnd('forEach');//for inconsole.time('for in');for(var b in arr){arr4.push(arr[b]);}console.timeEnd('for in');//mapconsole.time('map');arr.map(function(val){arr5.push(val);});console.timeEnd('map');//for ofconsole.time('for of');for(var d of arr){arr6.push(arr[d]);}console.timeEnd('for of');</script></body></html>