我是靠谱客的博主 干净毛衣,最近开发中收集的这篇文章主要介绍for与forEach的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

对于它们的区别,我大概知道,但真让我说出个所以然来,我竟也说不出啥,也许,这就是为什么我成不了一个稍有本事的程序员的原因。感叹的话就到这里。进入正题。

1.写法不同(众所周知)


var menuEx = ['a','b',...]
var m = 'b'
for (let = 0; i < menuEx.length; i++) {
if (m != menuEx[i]) continue
return true
}
//以上可直接用数据的函数includes来实现,上面只是用来示例,请忽略
this.menuEx.forEach(v => {
if(m==v) {return true}
})

2.中断循环不同

for循环是可以中断循环(利用break语句或return语句)

forEach是没有

3.关于扩展js原生的Array类

使用for循环时,打印每个value值,并不会打印出来扩展js原生的Array类(譬如下图),但使用forEach循环,就可以打印出来。

4.关于循环中包含有异步语句

for循环中包含异步语句时,初次遍历,进入到最里面的异步函数时,打印k,for循环已经循环完了,所以这个时候你打印的任何东西都是数组的最后一项。但是利用forEach循环,打印出来的就是数组中的每一项,不管异不异步。这个区别就是我这个需求中遇到的坑。以后记住了!!!!!!

有关于这个的原因,可移步至本人博客了解浏览器的执行机制

5.实现原理不同

for循环:通过下标,对循环中的代码反复执行,功能强大,可以通过index取得元素。在处理比较复杂的处理的时候较为方便。

foreach:从头到尾,对于集合中的对象遍历。适用于简单的遍历。foreach使用的时候,会锁定集合的对象,期间不能进行新增/修改

6.效率不同

for循环没有额外的函数调用栈和上下文,所以它的实现最为简单。forEach:对于forEach来说,它的函数签名中包含了参数和上下文,所以性能会低于 for 循环。

 foreach相对于for循环,代码减少了,但是foreach依赖IEnumerable(迭代器,es5新增特征)。在运行的时候效率低于for循环。当然了,在处理不确定循环次数的循环,或者循环次数需要计算的情况下。使用foreach比较方便。而且foreach的代码经过编译系统的代码优化后,和for循环的循环类似。

事件循环机制_如花菇凉的博客-CSDN博客_事件循环机制

最后

以上就是干净毛衣为你收集整理的for与forEach的区别的全部内容,希望文章能够帮你解决for与forEach的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(60)

评论列表共有 0 条评论

立即
投稿
返回
顶部