成都网站建设设计

将想法与焦点和您一起共享

如何解决JavaScriptforEach中return失效问题

这篇文章主要为大家展示了如何解决JavaScript forEach中return失效问题,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

创新互联专注于企业营销型网站、网站重做改版、资源网站定制设计、自适应品牌网站建设、HTML5建站商城系统网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为资源等各大城市提供网站开发制作服务。

在最近学习并使用ES6过程中,在一次循环数组并且作判断时返回值无效,return拿到的结果是undefined

我们分别使用for循环和forEach方法来验证:

结果:for循环里的可以return终止遍历,forEach里的return不能终止遍历

如何解决JavaScript forEach中return失效问题

以上是return终止for循环的遍历和forEach循环的遍历测试。

-------------------------------------------------------------- 分 割 线 ---------------------------------------------------------------------------------

我原本要实现的是通过判断条件从而得到一个值返回出去,先来看看效果吧

打印结果如图:

如何解决JavaScript forEach中return失效问题

显然:Array的forEach()方法是不能return的。

我的解决办法是:定义一个变量,把我想返回的值保存下来,最后返回出去 (最佳方法待补充)

控制台打印结果:

如何解决JavaScript forEach中return失效问题

如图成功拿到符合判断条件的这个数了

技术总结:forEach 无法在所有元素都传递给调用的函数之前终止遍历 / 在forEach方法里 return 无效

以上就是关于如何解决JavaScript forEach中return失效问题的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。


当前标题:如何解决JavaScriptforEach中return失效问题
本文地址:http://chengdu.cdxwcx.cn/article/ijodpg.html