一、在jquery中，我们使用循环的时候，提供两种方式：jquery.each 和（循环体).each  两种方式不是同。

对于return 在作用这两个的函数的时候需要注意：

首先我们需要知道我们的each循环内的都是匿名函数。但是遇到不同的return值，结果是不一样的。

1)jqury.each：我们在调用的时候，如果return false 退出循环体。

         var a=[[,],[,]]

         function test(){

             $.each(a,function(i,v){

                 $.each(v,function(o,p){

                     if(p===){

                         return false;

                     }

                     console.log(p);

                 })

             })

         }

无返回值。如果我们返回true的时候，

2)(循环体).each(function(){})如果返回false的时候，调出循环体：

3）在正常的情况下，我们在使用原生的for循环的时候，不会出现上面情况，原生for循环没有匿名函数。

         function test(){

             for(var i=;i<a.length;i++){

                 for (var j=;j<a.length;j++){

                     console.log(a[i][j])

                     if(i==){

                         return true;

                     }

                 }

             }

         }

         test()

二、在原生js中，我们进行多层循环的时候，跳出循环我们可以使用continue和break。有时候需要和label语句配合起来使用。

1、lable语句：

lable标签：statement

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     function lableTest(argument) {

         var num=;

         outer:

         for(var i=;i<;i++){

             for (var j=;j<;j++){

                 if(i===&&j===){

                     break outer;

                 }

                 num++

             }

         }

         alert(num);

     }

     lableTest();

 </script>

 </body>

 </html>

使用 “break 标签名字“    跳出循环，跳出指定的标签的循环。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     function lableTest(argument) {

         var num=;

         for(var i=;i<;i++){

             outer:

             for (var j=;j<;j++){

                 if(i===&&j===){

                     break outer;

                 }

                 num++

             }

         }

         alert(num);

     }

     lableTest();

 </script>

 </body>

 </html>

continue 也是如此，我们一般在使用标签和break、continue 配合使用，一般在嵌套循环使用。

js 对于jquery each 多层循环的问题和原生js多层循环问题的更多相关文章

  1. js活jQuery实现动态添加、移除css/js文件

    下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下 动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...

  2. js实现轮播图效果(附源码)--原生js的应用

    1.js实现轮播图效果 <!DOCTYPE html><html lang="en"><head> <meta charset=" ...

  3. js判断类型为数字的方法实现总汇——原生js判断isNumber()

    方法一[推荐]: 最容易想到的是用typeof来判断是否是number类型 ,但是如果为NaN会被认为也是number类型,因此我们需要使用isNaN来排除NaN的情况. function isNum ...

  4. 原生js 与 jQuery对比

    1.原生JS与jQuery操作DOM对比  :   https://www.cnblogs.com/QianBoy/p/7868379.html 2.比较jQuery与JavaScript的不同功能实 ...

  5. 标签页（tab）切换的原生js,jquery和bootstrap实现

    概述 这是我在学习课程Tab选项卡切换效果时做的总结和练手. 原课程中只有原生js实现,jquery和bootstrap实现是我自己补上的. 本节内容 标签页(tab)切换的原生js实现 标签页(ta ...

  6. 放弃jQuery，使用原生js吧！

    转自:http://itakeo.com/blog/2015/07/28/nojq/ 随着IE6.7.8的逐渐淘汰,HTML5的兴起,以及侧重点放在了移动端,jQuery可能变的不在那么重要,原生一样 ...

  7. 原生JS的使用，包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较

    一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优 ...

  8. 【前端性能】必须要掌握的原生JS实现JQuery

    很多时候,我们经常听见有人说jquery有多快多快.在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许 ...

  9. jquery input 搜索自动补全、typeahead.js

    最近做个一个功能需要用到自动补全,然后在网上找了很久,踩了各种的坑 最后用typeahead.js这个插件,经过自己的测试完美实现 使用方法:在页面中引入jquery.jquery.typeahead ...

随机推荐

  1. springboot学习-springboot使用spring-data-jpa操作MySQL数据库

    我们在上一篇搭建了一个简单的springboot应用,这一篇将介绍使用spring-data-jpa操作数据库. 新建一个MySQL数据库,这里数据库名为springboot,建立user_info数 ...

  2. NIO学习笔记七：Pipe

    Java NIO 管道是2个线程之间的单向数据连接.Pipe有一个source通道和一个sink通道.数据会被写到sink通道,从source通道读取. 这里是Pipe原理的图示: 示例代码 Pipe ...

  3. 纯小白入手 vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定

    vue3.0 CLI 真小白一步一步入手全教程系列:https://www.cnblogs.com/ndos/category/1295752.html 我的 github 地址 - vue3.0St ...

  4. java工程打jar包

    下面记录一下打jar包的方法 对于含有第三方jar的工程需要写MANIFEST.MF文件,文件结构如下: Manifest-Version: 1.0 .jar .jar Main-Class: Sel ...

  5. go语言练习：条件语句和循环语句

    1.for循环+if条件语句简单例子: package main import "fmt" func main() { var a int for a = 0; a <= 2 ...

  6. ASP.NET Core Razor生成Html静态文件

    一.前言 最近做项目的时候,使用Util进行开发,使用Razor写前端页面.初次使用感觉还是不大习惯,之前都是前后端分离的方式开发的,但是使用Util封装后的Angular后,感觉开发效率还是杠杠滴. ...

  7. CPU IO MEM NETWork 监控命令

    性能优化中CPU.内存.磁盘IO.网络性能的依赖(上) 性能优化中CPU.内存.磁盘IO.网络性能的依赖(下)

  8. h5页面调用摄像头(简易版)

    <input type="button" value="OpenVideo" id="btnOpenVideo" /> < ...

  9. SpringMVC_JDBC

    链接:https://pan.baidu.com/s/1a8Aht1eIeRYGb78X9v3ubA 密码:h2zy 未完,待续...

  10. sha256sum和 md5sum 命令之间的区别

    Short answer: For verifying ISOs, there is no practical difference, use whichever you want, as long ...