Jquery each方法跳出循环,并获取返回值(实例讲解)

JQuery中提供了each()方法用于遍历数组或对象。如果需要在每次循环中进行一些逻辑判断，并根据判断结果中断循环并返回指定的值，我们就需要使用到带有返回值的each()方法。

1. each()方法的基本用法

先来看一个基本的each()方法示例：

var arr = [1,2,3,4,5,6];
var sum = 0;
$.each(arr, function(index, value){
    if(value > 3){
        return false;
    }
    sum += value;
});
console.log(sum); // 输出6

这个例子中，我们定义了一个包含1~6的数组arr，然后通过each()方法进行遍历。在每次循环中，我们判断当前元素的值是否大于3，如果是，则通过return false中断循环。最后输出sum的值，可以看到只加了1，2，3三个数。

2. 带有返回值的each()方法示例

接下来，我们看一个带有返回值的each()方法示例：

var arr = [1,2,3,4,5,6];
var result = $.map(arr, function(value, index){
    if(value > 3){
        return "break";
    }
    return value;
});

console.log(result); // 输出[1, 2, 3, "break"]

这个例子中，我们先定义了一个包含1~6的数组arr，然后通过$.map()方法进行遍历。在每次循环中，我们同样判断当前元素的值是否大于3，如果是，则返回"break"中断循环，否则返回当前元素的值。最后通过console.log()输出遍历结果，可以看到只遍历了前四个元素，且第四个元素为"break"。

3. 小结

以上就是使用Jquery each方法跳出循环,并获取返回值的攻略。注意，在使用带有返回值的each()方法时，需要使用$.map()方法对数组进行遍历，因为$.each()方法是没有返回值的。除此之外，还需要注意return false只能中断本次循环，并不能中断整个each()方法的执行。