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


Posted in Javascript onJune 01, 2020

在最近学习并使用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 相关文章推荐
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
jquery等待效果示例
May 01 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
vue h5移动端禁止缩放代码
Oct 28 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 #Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 #jQuery
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 #Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 #Javascript
el-table树形表格表单验证(列表生成序号)
May 31 #Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 #Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 #Javascript
You might like
晶体管来复再生式二管收音机
2021/03/02 无线电
php防注入及开发安全详细解析
2013/08/09 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
php简单统计在线人数的方法
2016/05/10 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
jQuery中parent()方法用法实例
2015/01/07 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
python中List的sort方法指南
2014/09/01 Python
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python 的 Socket 编程
2015/03/24 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
python构造函数init实例方法解析
2020/01/19 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
Python中的流程控制详解
2021/02/18 Python
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
师范学院教师自荐书
2014/01/31 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL