jquery的each jquery的each方法

jQuery的each()方法：遍历数组或对象

jQuery的each()方法是一个非常强大的工具，它可以用于遍历数组或对象，这个方法接受一个回调函数作为参数，这个回调函数会在每个元素上被调用，并且可以访问当前元素的索引和值。

我们来看看如何使用each()方法遍历数组，假设我们有一个数组，我们想要打印出数组中的每个元素：

var arr = [1, 2, 3, 4, 5];
$.each(arr, function(index, value) {
    console.log("Element at index " + index + " is " + value);
});

在这个例子中，each()方法接受两个参数：一个是数组，另一个是回调函数，回调函数有三个参数：第一个是当前元素的索引，第二个是当前元素的值，第三个是数组本身。

接下来，我们来看看如何使用each()方法遍历对象，假设我们有一个对象，我们想要打印出对象的每个属性和值：

var obj = {name: "John", age: 30, city: "New York"};
$.each(obj, function(key, value) {
    console.log("Key is " + key + " and value is " + value);
});

在这个例子中，each()方法同样接受两个参数：一个是对象，另一个是回调函数，回调函数也有三个参数：第一个是当前属性的名称，第二个是当前属性的值，第三个是对象本身。

除了遍历数组和对象，each()方法还可以用于创建新的数组或对象，我们可以使用each()方法来创建一个包含数组所有偶数的新数组：

var arr = [1, 2, 3, 4, 5];
var evenArr = [];
$.each(arr, function(index, value) {
    if (value % 2 === 0) {
        evenArr.push(value);
    }
});
console.log(evenArr); // 输出：[2, 4]

在这个例子中，我们在each()方法的回调函数中检查每个元素的值是否为偶数，如果是，我们就把它添加到新的数组evenArr中。