JavaScript For 循环——如何在 JS 中循环遍历数组

JavaScript 中有各种类型的循环，它们本质上都在做同样的事情：一次又一次地重复一个动作。

如果你想重复相同的代码块一定次数，循环就会派上用场。基本上，它们是重复某些事情的快速有效的方法。

本文重点介绍 JavaScript 编程语言中的 for 循环，并介绍其基本语法。

此外，我将解释如何使用 for 循环遍历数组，这是一个基本的编程概念。

for 循环基本语法分解

for 循环在特定条件为真时重复执行操作。当条件最终评估为假时，它停止重复操作。

JavaScript 中的 for 循环与 C 和 Java 中的 for 循环非常相似。

JavaScript 中有许多不同类型的 for 循环，但最基本的如下所示：

for( initialization of expression; condition; action for initialized expression ) {
  instruction statement to be executed;
}

这种类型的循环以 for 关键字开头，后跟一组括号。在它们里面，有三个可选的表达式语句，用分号 ; 分隔。最后，有一组花括号 {} 将要执行的代码块语句括起来。

下面是一个例子：

for (let i = 0; i < 10; i++) {
  console.log('Counting numbers');
  // runs and prints "Counting numbers" 10 times
  // values of i range from 0 to 9 
  }

更详细地说，当执行 for 循环时：

如果有任何初始表达式，它首先运行，并且在块中的任何代码运行之前和循环开始之前只执行一次。在此步骤中，初始化一个或多个计数器并声明循环中使用的一个或多个变量，例如 let i =0。如果有多个变量，它们之间用逗号分隔。
接下来是为了让循环运行而必须满足的条件表达式的定义，i < 10。如前所述，代码块中的指令语句仅在此条件评估为 true 时才会运行。如果值为 false，则循环停止运行。如果没有条件，则始终为 true，这会创建无限循环。
然后，执行带有花括号 {..} 的块内的指令语句。在多行上可以有多个。
每次执行代码块后，最后都会对初始化的表达式执行一个操作，例如更新初始表达式的自增语句（i++）。
之后，再次检查条件，如果评估为 true，则重复该过程。

数组是什么

数组是一种数据结构。

它是多个元素的有序集合。这些元素被存储在一个列表中，这样我们就可以轻松地对它们进行排序或搜索。

JavaScript 中的数组可以包含不同数据类型值的元素。一个数组可以同时包含数字、字符串、另一个数组、布尔值等等。

索引总是从 0 开始。这意味着数组中第一个元素的索引为 0，第二个元素的索引为 1，最后一个元素的索引是 array length - 1。

创建数组的最简单和最可取的方法是使用数组文字表示法，你可以使用方括号和逗号分隔的元素列表来实现，如下面的字符串数组：

let programmingLanguages = ["JavaScript","Java","Python","Ruby"];

要访问第一个元素，我们使用索引号：

console.log(programmingLanguages[0]);
// prints JavaScript

如何使用 for 循环遍历数组

每次 for 循环运行时，它都有一个不同的值——数组就是这种情况。

for 循环以快速、有效且更可控的方式检查并迭代数组包含的每个元素。

循环遍历数组的基本示例是：


const  myNumbersArray = [ 1,2,3,4,5];

for(let i = 0; i < myNumbersArray.length; i++) {
    console.log(myNumbersArray[i]);
}

输出：

这比单独打印每个值要有效得多：

console.log(myNumbersArray[0]);
console.log(myNumbersArray[1]);
console.log(myNumbersArray[2]);
console.log(myNumbersArray[3]);
console.log(myNumbersArray[4]);

让我们分解一下：

迭代器变量 i 被初始化为 0。在这种情况下， i 指的是访问数组的索引。这意味着循环将在第一次运行时访问第一个数组值。

条件 i < myNumbersArray.length 告诉循环何时停止，自增语句 i++ 告诉每个循环的迭代器变量增加多少。

换句话说，循环从 0 索引开始，检查数组的长度，将值打印到屏幕上，然后将变量加 1。循环一次打印一个数组的内容，当变量等于数组的长度时，循环停止。

总结

本文介绍了如何开始使用 JavaScript 中的 for 循环的基础知识。我们学习了如何使用该方法循环数组，这是您你开始学习该语言时最常用的方法之一。

如果你想了解其他 JavaScript 数组方法，可以在此处阅读所有相关信息。

感谢你阅读本文，祝你编码愉快！

原文：JavaScript For Loop – How to Loop Through an Array in JS，作者：Dionysia Lemonaki