jQuery 是前端开发中最常用的 JavaScript 库之一，它提供了很多实用的函数和方法。其中，$.each() 函数是一个非常常用的方法，用于迭代数组和对象。
语法
$.each( collection, callback(indexInArray, valueOfElement) )
collection: 要迭代的数组或对象。callback: 在每个元素上执行的回调函数。该函数有两个参数：indexInArray: 数组或对象中当前元素的索引或属性名。valueOfElement: 当前元素的值。
示例代码
-- -------------------- ---- ------- ----- --- - --- -- --- ----------- --------------- ------ - -------------------------------------- --- ----- --- - --- -- -- -- -- --- ----------- ------------- ------ - ------------------------------------- ---
输出结果为：
索引：0，值：1 索引：1，值：2 索引：2，值：3 属性名：a，值：1 属性名：b，值：2 属性名：c，值：3
深度学习
1. 指定 this 对象
通过指定 callback 函数的 this 指向，可以在回调函数中使用特定的上下文对象，示例如下：
-- -------------------- ---- -------
----- --- - -
----- ------
---- ---
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
--
----- --- - --- -- ---
----------- --------------- ------ -
----------------
-- -----输出结果为：
Hello, my name is Tom, I'm 18 years old. Hello, my name is Tom, I'm 18 years old. Hello, my name is Tom, I'm 18 years old.
2. 中断循环
在回调函数中返回 false 可以中断循环，示例如下：
const arr = [1, 2, 3];
$.each(arr, function(index, value) {
console.log(value);
if (value === 2) {
return false;
}
});输出结果为：
1 2
指导意义
$.each() 函数是一个非常实用的方法，可以方便地迭代数组和对象。它广泛应用于 jQuery 和其他 JavaScript 库中，因此学习该方法对于提升前端开发能力非常重要。
在使用 $.each() 函数时，可以通过指定 callback 函数的参数和返回值来控制迭代过程，从而实现不同的应用场景。同时，还可以利用 $.each() 函数的回调函数来操作具体的元素，比如改变元素的样式、属性、内容等。
需要注意的是，虽然 $.each() 函数是 jQuery 中的方法，但是该函数也可以在其他 JavaScript 库中使用。因此，学习该函数不仅对于 jQuery 开发有用，而且对于整个前端开发都具有指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3538