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 相关文章推荐
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
用JS写的一个TableView控件代码
Jan 23 Javascript
IE中createElement需要注意的一个问题
Jul 13 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
如何在vue-cli中使用css-loader实现css module
2021/01/07 Vue.js
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
使用Python写一个小游戏
2018/04/02 Python
详解numpy的argmax的具体使用
2019/05/27 Python
python实现键盘输入的实操方法
2019/07/16 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
python可视化text()函数使用详解
2020/02/11 Python
Python能做什么
2020/06/02 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
装配出错检讨书
2014/09/23 职场文书
道歉信怎么写
2015/05/12 职场文书
Python中time标准库的使用教程
2022/04/13 Python
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS