循环遍历列表 JS - Javascript

在Javascript中，列表通常是由数组（Array）实现的。数组是一种非常常见的数据结构，因为它可以存储不同类型的元素，并且允许我们通过索引访问它们。在本篇文章中，我们将学习如何使用循环遍历Javascript中的列表。

for循环

Javascript中最常见的循环是for循环。for循环的语法如下：

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

在这个循环中，我们使用了一个索引变量i，它从0开始，一直循环到数组的长度减1。我们可以通过array[i]来访问当前索引处的数组元素。

下面是一个简单的例子，我们使用for循环来计算数组的所有元素的和：

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}

console.log(sum); // 15

这里我们定义了一个数组numbers和一个变量sum。我们使用for循环遍历数组中的每个元素，并将它们添加到sum变量中。

for...of循环

除了for循环，Javascript还提供了for...of循环，可以更方便的遍历数组元素：

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (const number of numbers) {
  sum += number;
}

console.log(sum); // 15

在这个循环中，我们直接使用了数组元素，并将它们添加到sum变量中，无需使用索引变量。

forEach方法

除了循环语句，Javascript数组还提供了一个forEach方法，可以更简单的遍历数组元素：

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

numbers.forEach(function(number) {
  sum += number;
});

console.log(sum); // 15

在这个例子中，我们调用了forEach方法，并向它传递了一个函数参数（通常称为回调函数）。这个函数将在数组中的每个元素上调用一次，并得到该元素的值作为参数。

map方法

除了forEach方法外，我们还可以使用map方法来遍历数组，并对其进行操作：

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

在这个例子中，我们调用了map方法，并向它传递了一个函数参数。这个函数将在数组中的每个元素上调用一次，并返回单个元素值。最后，map方法将返回一个新数组，其中包含已对每个元素进行操作的结果。