遍历数组 - JavaScript

在 JavaScript 中，遍历数组是一个很常见的需求，可以利用循环语句或者高阶函数进行实现。

for 循环

使用 for 循环遍历数组是最基本的方法，其语法如下：

for (var i = 0; i < arr.length; i++) {
  // do something with arr[i]
}

其中 arr 是目标数组，i 是索引值，arr.length 表示数组的长度。

下面是一个简单的示例，展示如何使用 for 循环遍历数组并计算数组元素总和：

var arr = [1, 2, 3, 4, 5];
var sum = 0;
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log(sum); // 15

forEach 方法

forEach 方法是数组对象的一个内置方法，可以用来遍历数组。其语法如下：

arr.forEach(function(element) {
  // do something with element
});

其中 arr 是目标数组，element 表示数组中的每个元素。

下面是一个示例，展示如何使用 forEach 方法遍历数组并打印数组元素：

var arr = ["apple", "banana", "orange"];
arr.forEach(function(element) {
  console.log(element);
});
// 输出：apple
//      banana
//      orange

map 方法

map 方法也是数组对象的一个内置方法，可以用来遍历数组并生成一个新的数组。其语法如下：

var newArray = arr.map(function(element) {
  // return a new value based on element
});

其中 arr 是目标数组，element 表示数组中的每个元素，newArray 是一个新的数组，其元素由回调函数返回值决定。

下面是一个示例，展示如何使用 map 方法遍历数组并将每个元素转化为大写字母：

var arr = ["apple", "banana", "orange"];
var upperCaseArray = arr.map(function(element) {
  return element.toUpperCase();
});
console.log(upperCaseArray); // ["APPLE", "BANANA", "ORANGE"]

filter 方法

filter 方法也是数组对象的一个内置方法，可以用来遍历数组并将符合条件的元素组成一个新的数组。其语法如下：

var newArray = arr.filter(function(element) {
  // return true or false based on element
});

其中 arr 是目标数组，element 表示数组中的每个元素，newArray 是一个新的数组，其元素由回调函数返回值为 true 的元素组成。

下面是一个示例，展示如何使用 filter 方法遍历数组并将长度大于等于 5 的字符串组成一个新的数组：

var arr = ["apple", "banana", "orange", "kiwi", "watermelon"];
var resultArray = arr.filter(function(element) {
  return element.length >= 5;
});
console.log(resultArray); // ["banana", "orange", "watermelon"]

reduce 方法

reduce 方法也是数组对象的一个内置方法，可以用来遍历数组并将数组元素归纳为一个值。其语法如下：

var result = arr.reduce(function(previousValue, currentValue, currentIndex, array) {
  // return the new reduced value based on previousValue and currentValue
}, initialValue);

其中 arr 是目标数组，previousValue 表示先前使用回调函数得到的结果，currentValue 表示数组中当前遍历的元素，currentIndex 表示当前遍历的元素的索引，array 表示目标数组本身，initialValue 表示初始值。

下面是一个示例，展示如何使用 reduce 方法遍历数组并计算数组元素总和：

var arr = [1, 2, 3, 4, 5];
var sum = arr.reduce(function(previousValue, currentValue) {
  return previousValue + currentValue;
}, 0);
console.log(sum); // 15

总结

本文介绍了使用 for 循环、forEach 方法、map 方法、filter 方法和 reduce 方法等多种方法来遍历数组。在实际开发中，可以根据具体需求选择最适合的遍历方式。