jQuery中each循环的跳出和结束实例

jQuery中each循环可以用来遍历数组和对象，但有时我们需要在满足某些条件时跳出循环或者直接结束循环。本文就为大家介绍在jQuery中如何实现each循环的跳出和结束。

实现跳出each循环

我们可以使用JavaScript中的break关键字来终止循环。但要注意的是，jQuery中的each方法中并没有支持使用break直接跳出循环，因为each方法本质上是一个遍历器，跳出循环并不等同于跳出函数，所以需要借助其它方式实现跳出。

使用return false

在jQuery中，each方法支持在循环中使用return false语句来跳出循环，但需要注意的是，使用该语句仅能终止each方法的当前循环，而不能终止整个函数的执行。

示例代码如下：

$.each(['foo', 'bar', 'baz'], function (index, value) {
  if (value == 'bar') {
    return false;
  }
  console.log(value);
});
// 输出：'foo'

上述代码中，当value的值为bar时，循环会在此处中断，输出结果为foo。

使用抛出异常

为了实现跳出整个each循环的目的，我们可以在循环中抛出一个异常，即可达到直接终止循环的目的。

示例代码如下：

try{
    $.each(['foo', 'bar', 'baz'], function (index, value) {
      if (value == 'bar') {
        throw "EndEach"; // 抛出异常
      }
      console.log(value);
    });
} catch(e) {
    if (e == "EndEach") {
        console.log("跳出each循环");
    }
}
// 输出：'foo' '跳出each循环'

上述代码中，当value的值为bar时，循环会抛出一个异常，此时我们可以通过try...catch语句来捕获该异常，从而实现跳出整个循环的目的。

实现结束each循环

有时候，我们需要在每个元素都被处理之后结束循环，而并非跳出循环。在jQuery中，我们可以使用return语句来结束循环。

示例代码如下：

$.each(['foo', 'bar', 'baz'], function (index, value) {
  console.log(value);
  if (index == 1) {
    return false;
  }
});
// 输出：'foo' 'bar'

上述代码中，当index为1时，函数中断，循环也随之结束，只输出了前两个元素。

通过本文的介绍，我们相信大家已经学会如何在jQuery中实现each循环的跳出和结束功能。