JavaScript forEach中return失效问题解决方案

 更新时间:2020年06月01日 09:02:12   作者:jinfengJeff  
这篇文章主要介绍了JavaScript forEach中return失效问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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

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

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

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

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

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

打印结果如图:

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

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

控制台打印结果:

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 在JavaScript中获取请求的URL参数[正则]

    在JavaScript中获取请求的URL参数[正则]

    在ASP.NET后台代码中,对于这样的URL请求地址:http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值,但是要在前台js代码中获取请求的参数的值,应该怎么做呢?
    2010-12-12
  • 使用json-server简单完成CRUD模拟后台数据的方法

    使用json-server简单完成CRUD模拟后台数据的方法

    这篇文章主要介绍了使用json-server简单完成CRUD模拟后台数据的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • CocosCreator通用框架设计之网络

    CocosCreator通用框架设计之网络

    这篇文章主要介绍了CocosCreator通用框架设计之网络,详细讲解了WebSocket的原理和使用方法,对WebSocket感兴趣的同学,一定要看一下
    2021-04-04
  • Js实现粘贴上传图片的原理及示例

    Js实现粘贴上传图片的原理及示例

    这篇文章主要介绍了Js实现粘贴上传图片的原理及示例,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • 模仿JQuery sortable效果 代码有错但值得看看

    模仿JQuery sortable效果 代码有错但值得看看

    模仿JQuery sortable效果 代码有错但值得看看,因为时间关系,需要的朋友可以参考下。
    2009-11-11
  • TypeScript 引用资源文件后提示找不到的异常处理技巧

    TypeScript 引用资源文件后提示找不到的异常处理技巧

    这篇文章主要介绍了TypeScript 引用资源文件后提示找不到的异常处理,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • 浅谈JS封闭函数、闭包、内置对象

    浅谈JS封闭函数、闭包、内置对象

    下面小编就为大家带来一篇浅谈JS封闭函数、闭包、内置对象。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • setInterval 不准的原因及问题解决方案

    setInterval 不准的原因及问题解决方案

    setInterval 是 JavaScript 中用于定时执行任务的常用方法,本文主要介绍了setInterval 不准的原因及问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-02-02
  • JS如何将UTC格式时间转本地格式

    JS如何将UTC格式时间转本地格式

    UTC格式时间想必大家并不陌生,那么怎么可以将其转换为本地格式呢?其实很简单,下面的方法会帮助大家实现这一想法
    2013-09-09
  • Java Script网页设计案例详解

    Java Script网页设计案例详解

    下面我将提供一个简单的JavaScript网页设计案例,该案例将实现一个动态的待办事项列表(Todo List),用户可以在页面上添加新的待办事项,标记它们为已完成,以及删除它们,这篇文章主要介绍了Java Script网页设计案例,需要的朋友可以参考下
    2024-08-08

最新评论