JS 数组遍历方法合集

JavaScript中遍历数组的方法有很多种，以下是一些常见的方法以及它们的示例代码：

1. for 循环：

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

2. forEach 方法：

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(value, index) {
    console.log(value);
});

3. for...of 循环：

let arr = [1, 2, 3, 4, 5];
for (let value of arr) {
    console.log(value);
}

4. map 方法：

let arr = [1, 2, 3, 4, 5];
arr.map(function(value, index) {
    console.log(value);
    return value; // 如果需要返回新数组，则需要这样操作
});

5. for...in 循环（不推荐用于数组遍历，因为它遍历的是键名，对于数组来说键名不一定是连续的数字）：

let arr = [1, 2, 3, 4, 5];
for (let index in arr) {
    console.log(arr[index]);
}

6. filter 方法（如果需要过滤数组中的元素）：

let arr = [1, 2, 3, 4, 5];
arr.filter(function(value, index) {
    return value > 3; // 返回一个新数组，包含满足条件的元素
}).forEach(function(value) {
    console.log(value);
});

7. reduce 方法（用于数组的归约）：

let arr = [1, 2, 3, 4, 5];
arr.reduce(function(accumulator, currentValue, currentIndex) {
    return accumulator + currentValue; // 计算数组总和
}, 0); // 初始值为0

选择哪种方法取决于具体需求，比如是否需要修改原数组、是否需要遍历键名和值、是否需要返回新数组或处理数组中的每个元素等。