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 相关文章推荐
Javascript 模式实例 观察者模式
Oct 24 Javascript
javascript Firefox与IE 替换节点的方法
Feb 24 Javascript
JQuery中each()的使用方法说明
Aug 19 Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
vue-cli之router基本使用方法详解
Oct 17 Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
vscode中eslint插件的配置(prettier配置无效)
Sep 10 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
原生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
编写PHP的安全策略
2006/10/09 PHP
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
php实现的漂亮分页方法
2014/04/17 PHP
laravel自定义分页效果
2017/07/23 PHP
Tab页界面,用jQuery及Ajax技术实现
2009/09/21 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
python绘制条形图方法代码详解
2017/12/19 Python
Python 普通最小二乘法(OLS)进行多项式拟合的方法
2018/12/29 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
python实现低通滤波器代码
2020/02/26 Python
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
帕克纽约:PARKER NY
2018/12/09 全球购物
学生处主任岗位职责
2013/12/01 职场文书
竞聘演讲稿
2014/04/24 职场文书
高中生班主任评语
2014/04/25 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
求职信格式范文
2015/03/19 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python