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的闭包
Dec 31 Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
JavaScript html5 canvas绘制时钟效果
Mar 01 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
JavaScript中的类型检查
Feb 03 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
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
PHP实现ftp上传文件示例
2014/08/21 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
JS常用知识点整理
2017/01/21 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
vue项目中api接口管理总结
2018/04/20 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
python 求10个数的平均数实例
2019/12/16 Python
python2 对excel表格操作完整示例
2020/02/23 Python
Django-imagekit的使用详解
2020/07/06 Python
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
2015/01/01 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
初任培训自我鉴定
2013/10/07 职场文书
营业经理岗位职责
2013/11/10 职场文书
聚美优品恶搞广告词
2014/03/14 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
启动仪式策划方案
2014/06/14 职场文书
客户答谢会活动方案
2014/08/31 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
普宁寺导游词
2015/02/04 职场文书
毕业班工作总结
2015/08/10 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
Java后台生成图片的完整步骤
2021/08/04 Java/Android
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技