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 08 Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
Vue.js之slot深度复制详解
Mar 10 Javascript
Node调用Java的示例代码
Sep 20 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
原生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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
IIS环境下快速安装、配置和调试PHP5.2.0
2006/12/17 PHP
php 全文搜索和替换的实现代码
2008/07/29 PHP
简单的移动设备检测PHP脚本代码
2011/02/19 PHP
PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析
2020/01/02 PHP
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
JS设置网页图片vspace和hspace属性的方法
2015/04/01 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
继续学习javascript闭包
2015/12/03 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
vue动态合并单元格并添加小计合计功能示例
2020/11/26 Vue.js
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
Python列表如何更新值
2020/05/27 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
canvas环形倒计时组件的示例代码
2018/06/14 HTML / CSS
酒吧员工的岗位职责
2013/11/26 职场文书
师范学院教师自荐书
2014/01/31 职场文书
监督检查工作方案
2014/05/28 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS