Javascript 迭代数组

在Javascript中，迭代数组是最基本的操作之一。迭代数组是指遍历数组中的每个元素，并对每个元素执行某些操作。在下面的示例中，我们将介绍如何使用Javascript迭代数组。

1. for循环迭代数组

使用for循环是最基本的迭代数组的方法，以下是示例代码：

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

上面的代码中，我们使用了一个for循环语句，它用来遍历数组中的每一个元素，并将每个元素输出到控制台中。这是迭代数组最基础的方法。

2. forEach迭代数组

另一种迭代数组的方法是使用forEach方法。以下是示例代码：

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

上面的代码中，我们使用了一个forEach方法，它会遍历数组中的每一个元素，并将每个元素传递给回调函数。在回调函数中，我们将每个元素输出到控制台中。

3. map迭代数组

map方法可以用于将每个元素转换为新数组。以下是示例代码：

let arr = [1, 2, 3, 4, 5];
let doubledArr = arr.map(function(element) {
  return element * 2;
});
console.log(doubledArr);

上面的代码中，我们使用了一个map方法，它将数组中的每个元素乘以2，并将返回的新数组存储在变量doubledArr中。我们将新数组输出到控制台中以进行验证。

4. filter迭代数组

filter方法可以用于筛选数组中的元素。以下是示例代码：

let arr = [1, 2, 3, 4, 5];
let filteredArr = arr.filter(function(element) {
  return element > 3;
});
console.log(filteredArr);

上面的代码中，我们使用了一个filter方法，它筛选出数组中大于3的元素，将它们存储在变量filteredArr中，并将新数组输出到控制台中。

5. reduce迭代数组

reduce方法可以用于将所有元素组合为一个值。以下是示例代码：

let arr = [1, 2, 3, 4, 5];
let sumArr = arr.reduce(function(acc, curr) {
  return acc + curr;
}, 0);
console.log(sumArr);

上面的代码中，我们使用了一个reduce方法，它将数组中的所有元素相加，并将结果存储在变量sumArr中。reduce方法使用了一个初始值0，并将累加器和当前元素相加。

以上是常用的五种Javascript迭代数组的方法，掌握它们可以帮助我们轻松高效的操作数组，提高编程效率。