JavaScript流程控制详解：循环结构（倒三角形、乘法表）

2023-11-10 02:56:02

**## **

在JavaScript中，循环是一种强大的结构，允许程序重复执行一系列语句。循环结构对于解决各种问题非常有用，从创建简单的图案到处理复杂的数据集。

本教程将深入探讨JavaScript中的循环结构，包括while、do-while和for循环语句。我们还将通过构建两个经典示例（倒三角形和乘法表）来展示如何实际使用这些循环。

**## **

### 循环结构

1. while循环

while (condition) {
  // 循环体
}

while循环会在条件为true时执行循环体中的语句。它会不断检查条件，直到条件为false时停止。

2. do-while循环

do {
  // 循环体
} while (condition);

do-while循环与while循环类似，但它会先执行循环体中的语句，然后再检查条件。这意味着循环体至少会执行一次，即使条件最初为false也是如此。

3. for循环

for (initialization; condition; increment) {
  // 循环体
}

for循环是一种更通用的循环结构，允许您指定循环的初始化、条件和增量。它非常适合需要指定循环计数或遍历数据集的情况。

## 实例

1. 倒三角形

// 初始化变量
let size = 5;

// while循环创建倒三角形
while (size >= 1) {
  // 打印当前行的星星
  let line = "";
  for (let i = 0; i < size; i++) {
    line += "*";
  }
  console.log(line);

  // 减少size以创建下一行
  size--;
}

2. 乘法表

// 初始化变量
const numRows = 10;
const numCols = 10;

// for循环创建乘法表
for (let i = 1; i <= numRows; i++) {
  // 打印行号
  console.log(`Row ${i}:`);

  // 嵌套for循环创建每一行
  for (let j = 1; j <= numCols; j++) {
    // 计算乘积
    const product = i * j;

    // 打印乘积，右对齐
    console.log(`${product.toString().padStart(3)}`);
  }
  console.log(""); // 打印换行符
}