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实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
jQuery实现图片切换效果
Oct 19 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中几种常见安全设置详解
2010/04/06 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
使用PHP编写发红包程序
2015/07/22 PHP
php封装单文件上传到数据库(路径)
2017/10/15 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
2013/12/13 Javascript
javascript 数组操作详解
2015/01/29 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
js实现时钟定时器
2020/03/26 Javascript
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python文件写入实例分析
2015/04/08 Python
django 创建过滤器的实例详解
2017/08/14 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
python如何实现递归转非递归
2021/02/25 Python
手对手的教你用canvas画一个简单的海报的方法示例
2018/12/10 HTML / CSS
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
业务部经理岗位职责
2014/01/04 职场文书
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android