JavaScript中的for循环

在我们需要对一段代码进行多次执行的场景下，可以使用循环结构。在JavaScript中，for循环是一种常见的循环结构，它可以让我们在一定次数内重复执行代码块。

基本语法

for循环的基本语法如下：

for (initialization; condition; increment) {
  // code block to be executed
}

• initialization：循环开始前的初始化语句，一般用于声明或初始化计数器变量。

• condition：循环的条件语句，只有当条件为真时，循环才会继续执行。

• increment：循环执行完一次后，计数器变量的增量语句。

• code block：需要执行的代码块。

实例演示

// 输出 0~4
for (let i = 0; i < 5; i++) {
  console.log(i);
}

在上述代码中，我们声明了一个循环变量 i，初始值为0，当 i 小于5时循环执行，每次执行完后 i 自增1。因此输出结果为 0、1、2、3、4。

逆序循环

我们也可以通过调整循环条件来实现逆序循环。

// 输出 4~0
for (let i = 4; i >= 0; i--) {
  console.log(i);
}

在上述代码中，我们将循环的初始值赋为4，循环条件修改为 i 大于等于0时继续循环。每次循环完毕后，i 自减1。因此输出结果为 4、3、2、1、0。

嵌套循环

我们可以通过嵌套 for 循环来完成更加复杂的任务。

// 打印出九九乘法表
for (let i = 1; i <= 9; i++) {
  let row = '';
  for (let j = 1; j <= i; j++) {
    row += `${j} x ${i} = ${j * i}\t`;
  }
  console.log(row);
}

在上述代码中，我们在外层循环中设置了 i 的初始值为1，循环条件为 i 小于等于9。在内层循环中，我们设置了 j 的初始值为1，循环条件为 j 小于等于 i。在每次内层循环完成后，我们将计算结果拼接到 row 变量中，最终输出 row 变量的值即可。

循环控制语句

在for循环中，我们可以使用以下循环控制语句：

• break语句：跳出循环，并执行循环后的代码。

// 找到第一个值为3的元素，然后跳出循环
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    console.log('找到了');
    break;
  }
}

• continue语句：跳过当前循环，直接执行下一次循环。

// 打印出数组中的奇数
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  if (arr[i] % 2 === 0) {
    continue;
  }
  console.log(arr[i]);
}

总结

在JavaScript中，for循环是一种重复执行指定代码块的循环结构。它的基本语法包括循环变量的初始化、循环条件的判断和循环变量的增量语句。我们可以通过嵌套循环、循环控制语句等来完成更加复杂的任务。