原生js使用forEach()与jquery使用each遍历数组,return false 的区别

来源:互联网 发布:java定义string并遍历 编辑:程序博客网 时间:2024/04/28 22:52

原生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);    });
复制代码

结果如下: 

从运行的效果可以看出,return 相当于循环中的break,直接结束整个循环。 

题外: 

Jquery中each的三种遍历方法

1、选择器+遍历

$('div').each(function (i){

   i就是索引值

   this 表示获取遍历每一个dom对象

});

2、选择器+遍历

$('div').each(function (index,domEle){

   index就是索引值

  domEle 表示获取遍历每一个dom对象

});

3、更适用的遍历方法

1)先获取某个集合对象

2)遍历集合对象的每一个元素

var d=$("div");

$.each(d,function (index,domEle){

  d是要遍历的集合

  index就是索引值

  domEle 表示获取遍历每一个dom

});





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);  });
复制代码

结果如下: 

从运行的效果可以看出,return 相当于循环中的continue,跳出当前循环,后面的循环遍历继续。 
本人也查过一些资料,我们可以通过自己写判断语句结束整个forEach()循环,或者使用for()循环遍历。

0 0