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 相关文章推荐
window.ActiveXObject使用说明
Nov 08 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
js实现点击图片改变页面背景图的方法
Feb 28 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 Javascript
vue使用过滤器格式化日期
Jan 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简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
PHP反射API示例分享
2016/10/08 PHP
CI框架表单验证实例详解
2016/11/21 PHP
php使用curl下载指定大小的文件实例代码
2017/09/30 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
Yii框架安装简明教程
2020/05/15 PHP
JSON 编辑器实现代码
2009/12/06 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
详解Node 定时器
2018/02/26 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
[05:24]TI9采访——教练
2019/08/24 DOTA
Python生成随机验证码的两种方法
2015/12/22 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
python pandas 如何替换某列的一个值
2018/06/09 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
Python实现常见的回文字符串算法
2018/11/14 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
超实用的 30 段 Python 案例
2019/10/10 Python
什么是SCM(软件配置管理)
2014/08/16 面试题
自主招生学校推荐信
2014/09/26 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
土建施工员岗位职责
2015/04/11 职场文书
新课程改革心得体会
2016/01/22 职场文书
PHP基本语法
2021/03/31 PHP
使用 Apache 反向代理的设置技巧
2022/01/18 Servers