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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
jquery 新手学习常见问题解决方法
Apr 18 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 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
初学PHP的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
php链式操作的实现方式分析
2019/08/12 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
2014/05/29 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
2014/12/16 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
web.py在模板中输出美元符号的方法
2014/08/26 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
python使用epoll实现服务端的方法
2018/10/16 Python
django的csrf实现过程详解
2019/07/26 Python
在python中使用pymysql往mysql数据库中插入(insert)数据实例
2020/03/02 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
煤矿机修工岗位职责
2014/02/07 职场文书
见习期个人总结
2015/03/05 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
大学生实习介绍信
2015/05/05 职场文书
论文评审意见
2015/06/05 职场文书
《花钟》教学反思
2016/02/17 职场文书
情况说明书格式及范文
2019/06/24 职场文书