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 相关文章推荐
js 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
JS无限树状列表实现代码
Jan 11 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 Javascript
js判断元素是否隐藏的方法
Jun 09 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
jQuery实现图片轮播效果代码
Sep 27 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
vue 取出v-for循环中的index值实例
Nov 09 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 Javascript
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调用MySQL存储过程并返回值的方法
2014/12/26 PHP
php使用explode()函数将字符串拆分成数组的方法
2015/02/17 PHP
php session的锁和并发
2016/01/22 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
javascript分页代码(当前页码居中)
2012/09/20 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
表单验证正则表达式实例代码详解
2015/11/09 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
angular2实现统一的http请求头方法
2018/08/13 Javascript
python生成器表达式和列表解析
2016/03/10 Python
python 队列详解及实例代码
2016/10/18 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
Python多项式回归的实现方法
2019/03/11 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
win10安装tensorflow-gpu1.8.0详细完整步骤
2020/01/20 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
python海龟绘图之画国旗实例代码
2020/11/11 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
python中的时区问题
2021/01/14 Python
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
高校生生产实习自我鉴定
2013/09/21 职场文书
电信专业毕业生推荐信
2013/11/18 职场文书
找工作求职信
2014/07/07 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
爱心捐赠活动简讯
2015/07/20 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书