js的 for forEach

考虑到代码少简洁，我常常用forEach,在我的猜想里我觉得forEach要耗性能。今天查看了这方面的知识，以后还是多用for少用forEach（如果for能做到的话）,

for 循环没有任何额外的函数调用栈和上下文；

forEach函数签名实际上是 array.forEach(function(currentValue, index, arr), thisValue)

它不是普通的 for 循环的语法糖，还有诸多参数和上下文需要在执行的时候考虑进来，这里可能拖慢性能

但在node.js运行环境下，有一个惊人的发现

let arrs = new Array(100000);console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for');console.time('forEach');arrs.forEach((arr) => {});
console.timeEnd('forEach');for: 2.263ms
forEach: 0.254ms
在10万这个级别下， forEach 的性能是 for的十倍for: 2.263ms
forEach: 0.254ms
在100万这个量级下， forEach 的性能是和for的一致for: 2.844ms
forEach: 2.652ms
在1000万级以上的量级上 ， forEach 的性能远远低于for的性能for: 8.422ms
forEach: 30.328m

对于小少数据，可以选forEach也可以选for ，对于极大超大的，还是乖乖用for好了。

PS:

看到过一个说法,forEach能让代码更为简便和可读性更高,在性能不是特别影响的前提下,代码的可拓展性,可读性等会更为重要,而且随着浏览器引擎的升级,应该forEach的性能会被优化的越来越棒的

js的 for forEach相关推荐

js数组中forEach/some/every/map/filter/reduce的区别
2019独角兽企业重金招聘Python工程师标准>>> // js数组中forEach/some/every/map/filter/reduce的区别// 1. foreach:就是 ...
JS数组中 forEach() 和 map() 的区别
JS数组中 forEach() 和 map() 的区别 Array中 Array.forEach()和 Array.map()方法之间的区别. forEach()和map()方法通常用于遍历Array ...
php中的foreach和js中的foreach的用法和区别
PHP中的foreach循环: 主要用于遍历数组例如: (1)// $colors=array("red","yellow","blue" ...
js for、forEach，跳出多层循环
1.for跳出循环 var a = [1, 2, 3, 4, 5, 6, 7, 8]; // 8个数 var b = [11, 12, 13, 14, 15, 3, 16, 17]; //8个数tes ...
JS数组遍历-forEach()、map()方法
[{a:'1',b:'11'},{a:'2',b:'21'},{a:'3',b:'31'}].forEach((item, index, array) => {let c = '';let d ...
JS 中的foreach和For in比较
使用方式举例如下: <script type="text/javascript"> var jsonranklist=[{"name":" ...
js中的forEach
chrome和firefox支持数组的forEach,但不支持对象的forEach,IE啥都不支持 jquery中的$.each(ArrayOrObject,function)既可以遍历数组又可以遍历 ...
js中的forEach、for in 、for of之间的区别
forEach: 一般用于对数组的遍历,不用于对对象的遍历,此方法会对数组中的每一个值进行遍历,直至全部遍历完成.故在其中的return,break会失效. for in: 一般用于遍历对象,循环遍历 ...
前端js 面试题 forEach 和 map 有什么区别？
1) 遍历数组-- 更改 item和index 不会更改原数组更改本身(arr)会使原数组更改. 没有返回值 undefined var arr = [1,2,3,4,5] var result = ...

js的 for forEach

js的 for forEach相关推荐

最新文章

热门文章