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小技巧
Jul 21 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
vue-router 权限控制的示例代码
Sep 21 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
利用PHP脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
PHP自定义多进制的方法
2016/11/03 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
vue 实现小程序或商品秒杀倒计时
2019/04/14 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
python实现多线程采集的2个代码例子
2014/07/07 Python
python获得一个月有多少天的方法
2015/06/04 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
python梯度下降算法的实现
2020/02/24 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
人事专员岗位职责范本
2014/03/04 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
2015年妇产科工作总结
2015/05/18 职场文书
工作收入证明模板
2015/06/12 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
Python日志模块logging用法
2022/06/05 Python