JavaScript 课程 | JavaScript 中的循环

上一主题： JavaScript 课程 |练习测验-2
编程语言中的循环是一种有助于在某些条件评估为真时重复执行一组指令/函数的功能。例如，假设我们要打印 10 次“Hello World”。
例子：

document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');
document.write('Hello World'+'<br/>');

上面的代码将简单地将句子“Hello World”输出到屏幕 10 次。虽然我不推荐这种方法。尽管有人可能会争辩说您可以编写 console.log '10' 次，但打印 console.log '100' 或说 '10000' 次呢？在这些情况下，上述方法并不是任何人都会推荐的，这就是我们使用循环的原因。
Javascript 提供了不同类型的循环。

• while 循环
• 做..while循环
• for 循环

注意： Javascript 还包括for..in 、 for..each 、 for..of循环，尽管它们超出了本课程的范围。

while 循环
while 循环是一种控制流语句，它允许基于给定的布尔条件重复执行代码。 while 循环可以被认为是一个重复的 if 语句。

while(condition){
 do..this;
}

我们在 while 循环的括号内传递的条件/表达式必须评估为真，否则我们在 while 循环块内编写的语句将不会被执行。
例子：

// working while loop example
let i = 0;
while( i < 5){
 document.write('Hello World'+'<br/>');
 i++; // necessary to increase the iterator value
} 

输出：

Hello World
Hello World
Hello World
Hello World
Hello World

上面的代码只是在屏幕上打印'Hello world'，我们所做的只是初始化一个变量'i'，并为其分配值'0'，然后我们说直到这个变量'i'的值小于'10 ' 继续执行 while 循环块中写入的任何内容。增加这个变量“i”的值很重要，否则它将进入“无限”循环。现在考虑一个场景，我们在括号内传递一些不会评估为真的东西，在这种情况下，代码块内的任何内容都不会被执行。
例子：

// not working while loop
let i = 5;
while( i < 4 ){
 document.write('Hello World');
 i++;
}

由于 while 循环内的条件不计算为真，因此没有任何内容打印到屏幕上。

做..while循环
do while 循环类似于 while 循环，唯一的区别是它在执行语句后检查条件。 while 括号内的条件是否为真并不重要，循环是否至少运行一次。

do
{
    statements..
}
while (condition);

例子：

// do while loop
// JavaScript program to illustrate do-while loop 
    let x = 21; 
    
    do 
    { 
        document.write("Value of x: " + x + "<br />"); 
        x++; 
    } while (x < 20); 
    
 

输出：

Value of x: 21

循环
For 循环提供了一种编写循环结构的简洁方式。与 while 循环不同，for 语句在一行中使用初始化、条件和递增/递减，从而提供更短、易于调试的循环结构。

for (initialization condition; testing condition;  increment/decrement) {
  do..this;
}

• 初始化条件：这里，我们初始化正在使用的变量。它标志着一个 for 循环的开始。可以使用已经声明的变量，也可以声明变量，仅局部循环。
• 测试条件：用于测试循环的退出条件。它必须返回一个布尔值。它也是一个入口控制循环，因为在执行循环语句之前检查了条件。
• 语句执行：一旦条件被评估为真，循环体中的语句就会被执行。
• 增量/减量：用于为下一次迭代更新变量。
• 循环终止：当条件变为假时，循环终止，标志着其生命周期的结束。

例子：

// for loop
for(let i = 0; i < 5;i++){
 document.write('Value of i is: ' + i +'<br/>' );
}

输出：

Value of i is: 0
Value of i is: 1
Value of i is: 2
Value of i is: 3
Value of i is: 4

下一主题： JavaScript 课程 | JavaScript 中的函数