JQuery使用数组遍历跳出each循环


Posted in jQuery onSeptember 01, 2020

0. 前言

也许我们通过 jquery 的循环方法进行数组遍历,但是当不符合条件时,怎么跳出当前循环?(即用each方法内,当不满足条件时想break跳出循环体,想continue继续执行下一个循环遍历),我们经常会习惯JS中的break何continue,但是使用之后没有效果,因为在JQuery中没有这两条命令,非其关键字。

1. JQuery each循环,要实现break和continue的功能

  • break ----用return false;
  • continue --用return ture;

2. JQuery怎么跳出当前的each循环

API 上的说明只有跳出整个循环(如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。)

  • return false;——跳出所有循环;相当于 javascript 中的 break 效果。
  • return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果

例子代码如下:

$(function (){
 $("input[type='text']").each(function (i){ 
 var _val=$(this).val();
 alert(_val);
 if(_val=='2'){ 
  return false; //跳出循环
 }
 })
});

3. JQuery each方法跳出循环并获得返回值的方法

  • return false:将停止循环 (就像在普通的循环中使用 'break')。
  • return true:跳至下一个循环(就像在普通的循环中使用'continue')。

代码如下:

function test(){
var success = false;
$(..).each(function () {
  if (..) {
    success = true;
    return false;
  }
});
 return success ;
}

JQuery是对象链,所以$(..).each()返回的还是对象集合。each(function(){}):是回调函数,在回调函数里不能返回结果到回调函数each外面。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 #jQuery
jQuery实现动态加载瀑布流
Sep 01 #jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 #jQuery
jQuery编写QQ简易聊天框
Aug 27 #jQuery
jQuery实现简单QQ聊天框
Aug 27 #jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 #jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 #jQuery
You might like
PHP序列化操作方法分析
2016/09/28 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
2011/01/19 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
Egret引擎开发指南之运行项目
2014/09/03 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
纯js封装的ajax功能函数与用法示例
2018/05/14 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Python 字符串中的字符倒转
2008/09/06 Python
Python实现遍历数据库并获取key的值
2015/05/17 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
Python中格式化format()方法详解
2017/04/01 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
详解Python中的四种队列
2018/05/21 Python
Python数据分析matplotlib设置多个子图的间距方法
2018/08/03 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
应届毕业生求职信范文
2013/12/18 职场文书
关于环保的演讲稿
2014/05/10 职场文书
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers