js/jquery遍历对象和数组的方法分析【forEach，map与each方法】

对于 JavaScript 和 jQuery，有多种遍历数组和对象元素的方法可供选择。现在我们来分析其中三种方法：forEach，map 和 each。

forEach方法

forEach 方法允许您在 JavaScript 中遍历数组，它循环读取数组的每个元素，并为每个元素执行一个回调函数。

以下是 forEach 方法的语法：

array.forEach(function(currentValue, index, arr), thisValue)

其中参数 currentValue、index 和 arr 都可选：

thisValue 参数是可选的，它在执行回调函数时作为 this 关键字的值。

下面是一个 forEach 方法的示例：

var arr = [1, 2, 3];
arr.forEach(function(item, index, arr) {
  console.log(item, index)
})

该示例将输出以下结果：

1 0
2 1
3 2

map 方法允许您在 JavaScript 中遍历数组并对每个元素执行操作。该方法返回一个新数组，该数组包含由回调函数处理的数组元素，不会对原始数组进行更改。

以下是 map 方法的语法：

array.map(function(currentValue, index, arr), thisValue)

与 forEach 方法相似，map 方法的参数 currentValue、index 和 arr 都是可选的。thisValue 参数也是可选的。

下面是一个 map 方法的示例：

var arr = [1, 2, 3];
var newArr = arr.map(function(item, index, arr) {
  return item * 2;
});
console.log(newArr);

该示例将输出以下结果：

[2, 4, 6]

each 方法是 jQuery 的方法，它允许您在 jQuery 中遍历对象和数组。each 方法被设计为能够自动确定您正在遍历的元素类型，可以用于遍历 CSS 选择器的元素、JavaScript 对象或任何数组。

以下是 each 方法的语法：

$.each(collection, callback(indexInArray, valueOfElement))

其中 collection 是要遍历的对象或数组，callback 是在每个元素上执行的回调函数。参数 indexInArray 是当前元素的索引位置，valueOfElement 是当前元素的值。

下面是一个 each 方法的示例：

var arr = [1, 2, 3];
$.each(arr, function(index, item) {
  console.log(index, item);
});

该示例将输出以下结果：

0 1
1 2
2 3

这三种方法都允许您在 JavaScript 和 jQuery 中遍历数组和对象，但它们的作用有所不同。forEach 可以执行回调函数而不返回新数组，map 返回一个新数组，每个元素是执行回调函数的结果，而 each 可以遍历各种不同类型的元素。选择正确的方法取决于您的需要。