JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别


Posted in Javascript onAugust 26, 2016

 原生js使用forEach()与jquery使用each()遍历数组,return false 的区别:

1、使用each()遍历数组a,如下:

var a=[20,21,22,23,24];
$.each(a, function(index,val) {
console.log('index='+index);
if(index==2){
return false;
}
console.log('val='+val);
});

结果如下:

JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

从运行的效果可以看出,return 相当于循环中的break,直接结束整个循环。

2、使用forEach()遍历数组a,如下:

var a=[20,21,22,23,24];
a.forEach(function(val,index){
console.log('index='+index);
if(index==2){
return false;
}
console.log('val='+val);
});

结果如下:

JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

从运行的效果可以看出,return 相当于循环中的continue,跳出当前循环,后面的循环遍历继续。

本人也查过一些资料,我们可以通过自己写判断语句结束整个forEach()循环,或者使用for()循环遍历。

Javascript 相关文章推荐
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 08 Javascript
webpack4 css打包压缩问题的解决
May 18 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
Javascript实现简易天数计算器
May 18 Javascript
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
ES6中的数组扩展方法
Aug 26 #Javascript
jQuery实现微信长按识别二维码功能
Aug 26 #Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 #Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 #Javascript
JavaScript组合模式学习要点
Aug 26 #Javascript
前端面试题及答案整理(二)
Aug 26 #Javascript
js前端面试题及答案整理(一)
Aug 26 #Javascript
You might like
php中var_export与var_dump的区别分析
2010/08/21 PHP
PHP查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
php代码架构的八点注意事项
2016/01/25 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
Document对象内容集合(比较全)
2010/09/06 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
JavaScript之Map和Set_动力节点Java学院整理
2017/06/29 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python PyQt5标准对话框用法示例
2017/08/23 Python
Python3 中把txt数据文件读入到矩阵中的方法
2018/04/27 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
python调用自定义函数的实例操作
2019/06/26 Python
运动会广播稿30字
2014/01/21 职场文书
HR求职自荐信范文
2014/06/21 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
2015年调度员工作总结
2015/04/30 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle