jQuery.each()

Posted 2020-10-06

用途

jQuery.each()函数用于遍历指定的对象和数组，并以对象的每个属性（或数组的每个成员）作为上下文来遍历执行指定的函数。

所谓的上下文，指的是函数内部的this指针引用了该元素。

语法

jQuery.each(object,callback)

参数

object：Object类型，指定需要遍历的对象或数组

callback：Function类型，指定的用于循环执行的函数

 

参数object可以是对象或数组，如果是对象，则遍历该对象的每个属性;如果是数组，则遍历该数组的每个元素。

jQuery.each()函数将根据每个成员(对象的属性或数组的元素)循环调用函数callback。每次调用函数callback时，jQuery.each()函数都会将callback函数内部的this引用指向当前正在迭代的成员，并为其传入两个参数，第一个参数是当前迭代成员在对象中的属性值(或数组中的索引值)，

第二个参数是当前迭代成员(与this的引用相同)。

jQuery.each()函数会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其它任何值，均继续执行下一个循环。

返回值

jQuery.each()方法的返回值是jQuery类型，返回遍历的对象或数组本身。

示例说明

var a = $.each([52, 97], function (index, value) {
    console.log(index + ":" + value);
});

// 以上代码输出
// 0:52
// 1:97

console.log(a);    // a为[52,97]，返回遍历的数组本身

var obj = {
    "name": "xiaozhou",
    "province": "henan",
    "city": "luoyang"
};
$.each(obj, function (key, value) {
    console.log(key + ":" + value);
});

// 以上代码输出
// name:xiaozhou
// province:henan
// city:luoyang

var arr = ["one", "two", "three", "four", "five"];
$.each(arr, function (index, value) {
    console.log(index + ":" + value);

    return value !== "three";
});

// 以上代码输出,输出完three后返回false,因此跳出循环
// 0:one
// 1:two
// 2:three