JavaScript 中 For 循环的示例展示

在JavaScript编程中，For循环是一种非常常用且强大的控制流结构，它允许我们重复执行一段代码特定的次数。下面将通过几个示例来详细展示For循环的不同用法。

基本的For循环语法

For循环的基本语法结构如下：

for (初始化表达式; 条件表达式; 更新表达式) {
  // 循环体代码
}

其中，初始化表达式通常用于初始化一个计数器变量；条件表达式是一个布尔表达式，决定循环是否继续执行；更新表达式用于在每次循环迭代后更新计数器变量。

简单的计数循环示例

下面是一个简单的示例，使用For循环从1打印到10：

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

在这个示例中，let i = 1 是初始化表达式，i <= 10 是条件表达式，i++ 是更新表达式。每次循环迭代，i 的值会增加1，直到 i 大于10时循环结束。

遍历数组的For循环示例

For循环也常用于遍历数组。例如：

const fruits = ["apple", "banana", "cherry"];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

这里通过 i 作为索引来访问数组中的每个元素，循环会一直执行，直到 i 等于数组的长度。

嵌套的For循环示例

有时候，我们可能需要在一个For循环内部再嵌套另一个For循环。例如，打印一个乘法表：

for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= 9; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
  }
}

在这个示例中，外层循环控制行数，内层循环控制列数。

For循环在JavaScript中是一种非常灵活和实用的工具。通过不同的用法和组合，我们可以实现各种复杂的逻辑和功能。熟练掌握For循环的使用，对于提高JavaScript编程能力至关重要。