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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
jQuery Ajax 全解析
Feb 08 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
Oct 13 Javascript
jQuery点击后一组图片左右滑动的实现代码
Aug 16 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
JS与jQuery实现隔行变色的方法
Sep 09 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 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中读写文件与读写数据库的效率比较分享
2013/10/19 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
js使用函数绑定技术改变事件处理程序的作用域
2011/12/26 Javascript
JSON.stringify 语法实例讲解
2012/03/14 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
javascript中sort() 方法使用详解
2015/08/30 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
python 错误处理 assert详解
2020/04/20 Python
商务助理岗位职责
2013/11/13 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
中介业务员岗位职责
2014/04/09 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
人事局接收函
2015/01/31 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
七年级话题作文之执着
2019/11/19 职场文书