es6遍历数组方法详解

ES6中提供了多种遍历数组的方法，可以帮助我们快速、有效地处理数组。

1. for...of循环

for...of循环是ES6中最常用的数组遍历方法，它可以遍历数组中的每一项，并且每次迭代都会返回当前项的值。它的语法格式如下：

for (let item of array) {
    // code
}

示例代码：

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

2. for...in循环

for...in循环是ES6中另一种遍历数组的方法，它可以遍历数组中的每一项，但是每次迭代都会返回当前项的索引。它的语法格式如下：

for (let index in array) {
    // code
}

示例代码：

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

3. forEach()方法

forEach()方法是ES6中另一种遍历数组的方法，它可以遍历数组中的每一项，并且每次迭代都会执行一个回调函数，该回调函数接收三个参数：当前项的值、当前项的索引、原数组本身。它的语法格式如下：

array.forEach(function(item, index, array) {
    // code
});

示例代码：

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array) {
    console.log(item); // 1 2 3 4 5
});

4. map()方法

map()方法是ES6中另一种遍历数组的方法，它可以遍历数组中的每一项，并且每次迭代都会执行一个回调函数，该回调函数接收三个参数：当前项的值、当前项的索引、原数组本身，并且返回一个新的值，返回一个新数组。它的语法格式如下：

array.map(function(item, index, array) {
    // code
});

示例代码：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(function(item, index, array) {
    return item * 2;
});
console.log(newArr); // [2, 4, 6, 8, 10]

5. filter()方法

filter()方法是ES6中另一种遍历数组的方法，它可以遍历数组中的每一项，并且每次迭代都会执行一个回调函数，该回调函数接收三个参数：当前项的值、当前项的索引、原数组本身，并且返回一个布尔值，返回一个新数组，该新数组中只包含回调函数返回值为true的项。它的语法格式如下：

array.filter(function(item, index, array) {
    // code
});

示例代码：

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(function(item, index, array) {
    return item > 3;
});
console.log(newArr); // [4, 5]

6. reduce()方法

reduce()方法是ES6中另一种遍历数组的方法，它可以遍历数组中的每一项，并且每次迭代都会执行一个回调函数，该回调函数接收四个参数：上一次回调函数的返回值、当前项的值、当前项的索引、原数组本身，返回一个累积值。它的语法格式如下：

array.reduce(function(previousValue, item, index, array) {
    // code
}, initialValue);

示例代码：

const arr = [1, 2, 3, 4, 5];
const result = arr.reduce(function(previousValue, item, index, array) {
    return previousValue + item;
}, 0);
console.log(result); // 15

以上就是ES6中遍历数组的方法，它们都可以帮助我们快速、有效地