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封装tab自动切换效果的具体实现
Jul 13 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
BootStrap前端框架使用方法详解
Feb 26 Javascript
javascript this指向相关问题及改变方法
Nov 19 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
原生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使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
php给图片加文字水印
2015/07/31 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
2015/11/04 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
2017/10/20 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python实现登录密码重置简易操作代码
2019/08/14 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
Python post请求实现代码实例
2020/02/28 Python
Python偏函数实现原理及应用
2020/11/20 Python
Python jieba库分词模式实例用法
2021/01/13 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
自我鉴定的范文
2013/10/03 职场文书
转党组织关系介绍信
2014/01/08 职场文书
《巨人的花园》教学反思
2014/02/12 职场文书
党员对照检查材料
2014/09/22 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
大学生读书笔记大全
2015/07/01 职场文书
美容院员工规章制度
2015/08/05 职场文书
班委竞选稿范文
2015/11/21 职场文书