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实现划词标记+划词搜索功能
Mar 06 Javascript
javascript实现数独解法
Mar 14 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
js获取url传值的方法
Dec 18 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
Bootstrap 粘页脚效果
Mar 28 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
jQuery插件之validation插件
Mar 29 jQuery
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 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数组操作汇总 php数组的使用技巧
2011/07/17 PHP
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
Php无限级栏目分类读取的实现代码
2014/02/19 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
围观tangram js库
2010/12/28 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
javascript异步编程的4种方法
2014/02/19 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
Python实现多线程的两种方式分析
2018/08/29 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
J2EE中的容器都包括哪些
2013/08/21 面试题
献爱心倡议书
2014/04/14 职场文书
社团活动总结书
2014/06/27 职场文书
英文道歉信
2015/01/20 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
户外拓展训练感想
2015/08/07 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
Java中的Kotlin 内部类原理
2022/06/16 Java/Android