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 相关文章推荐
jQuery代码优化 事件委托篇
Nov 01 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
vue中,在本地缓存中读写数据的方法
Sep 21 Javascript
vue 使用async写数字动态加载效果案例
Jul 18 Javascript
JavaScript中arguments的使用方法详解
Dec 20 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 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运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
php中curl使用指南
2015/02/05 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
ajax与302响应代码测试
2013/10/23 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
Vue基础配置讲解
2019/11/29 Javascript
JS实现拼图游戏
2021/01/29 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
Django如何防止定时任务并发浅析
2019/05/14 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
python入门教程之基本算术运算符
2020/11/13 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
德尔福集团DELPHI的笔试题
2012/02/22 面试题
致跳高运动员广播稿
2014/01/13 职场文书
无故旷工检讨书
2014/01/26 职场文书
《春笋》教学反思
2014/04/15 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
走进科学观后感
2015/06/18 职场文书
素质拓展训练感想
2015/08/07 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
mysql数据库隔离级别详解
2022/06/16 MySQL