CodeGym /Java 课程 /Frontend SELF ZH /JavaScript 中的循环

JavaScript 中的循环

Frontend SELF ZH
第 34 级 , 课程 0
可用

6.1 while 循环

JavaScript 中的循环允许在满足特定条件的情况下多次执行代码块。这是编程中重要的一部分,有助于自动化重复性任务。

while 循环会在条件为真(true)时执行代码块。

语法:

    
      while (condition) {
        // 条件为真时要执行的代码
      }
    
  

例子:

JavaScript
    
      let i = 0;
      while (i < 5) {
        console.log(`循环次数 ${i}`);
        i++;
      }

      // 输出:
      // 循环次数 0
      // 循环次数 1
      // 循环次数 2
      // 循环次数 3
      // 循环次数 4
    
  

在这个例子中:

  • 循环会在 i 小于 5 时继续执行
  • 在每次循环内,i 的值会增加 1

6.2 执行代码块 n 次

经常会遇到需要执行固定次数代码块的情况,此代码可以用 while 循环表示:

    
      let i = 0;
      while (i < 5) {
        console.log(`循环次数 ${i}`);
        i++;
      }
    
  

通常形式看起来是这样的:

    
      初始化
      while (条件) {
        代码块
        步骤
      }
    
  

6.3 for 循环

for 循环

for 循环是 JavaScript 中最常用的循环之一。它专门用于重复特定次数的代码块。

语法:

    
      for (初始化; 条件; 步骤) {
        // 每次循环执行的代码
      }
    
  

例子:

JavaScript
    
      for (let i = 0; i < 5; i++) {
        console.log(`循环次数 ${i}`);
      }
      // 输出:
      // 循环次数 0
      // 循环次数 1
      // 循环次数 2
      // 循环次数 3
      // 循环次数 4
    
  

解释:

  • let i = 0 — 初始化变量 i,它将作为循环计数器
  • i < 5 — 循环继续执行的条件。循环将在 i 等于 5 时停止
  • i++ — 每次迭代后执行的步骤,增加 i 的值 1

6.4 do...while 循环

do...while 循环类似于 while 循环,但有一个区别,代码块至少执行一次,然后检查条件。

语法:

    
      do {
        // 至少执行一次的代码
      } while (条件);
    
  

例子:

JavaScript
    
      let i = 0;
      do {
        console.log(`循环次数 ${i}`);
        i++;
      } while (i < 5);

      // 输出:
      // 循环次数 0
      // 循环次数 1
      // 循环次数 2
      // 循环次数 3
      // 循环次数 4
    
  

在这个例子中:

  • do 内的代码块至少执行一次,即使条件最初为假
  • 代码块执行后,条件会被检查,如果为真,循环将继续

6.5 循环比较

循环 何时使用 特点
for 当已知迭代次数时 简洁语法,方便用于数组
while 当迭代次数未知时 每次迭代前检查条件
do-while 当至少需要执行一次代码块时 执行代码块后检查条件

循环的使用例子

使用 for 遍历数组:

JavaScripts
    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // 输出: 1 2 3 4 5
    
  

使用 while 以等待条件:

JavaScript
    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

使用 do-while 至少执行一次循环:

JavaScript
    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // 输出: 0 (循环执行一次,尽管条件为假)
    
  
评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION