typescript 中的 while 循环

343 阅读1分钟

在本教程中,通过实例学习 typescript 中的 while 循环。

typescript中的while循环

正如每一种编程语言都提供了一个while loop

While loop 执行代码块的真条件表达式的语句。它首先评估条件表达式,如果它们是 "真",则执行代码块。否则,被包围在while循环中的代码不被执行。 是typescript中的一个关键字。这个循环用于遍历'对象'或'数组'的集合,以及'集合'和'地图'。while

语法

while (Conditional Expression){  
Code block statements  
}  

while 循环 有限的例子

这个循环迭代了5次,并将计数器输出到控制台日志中

let counter=1;   
while(counter<=5) {    
    console.log(counter);  
    counter++;    
}  

输出

1  
2  
3  
4  
5  

如何在while循环中使用Break关键字并举例说明?

Break 关键字用于退出while loop 执行。

当某些条件表达式为真时,它就会被使用
语法

break;  

下面是一个例子

let counter=1;   
while (counter <= 6) {    
    if (counter % 3 == 0) {  
        console.log("IF Condition met")  
        break  //While loop exit here for first matched number divided by 3 is zero  
    }  
    counter++;    
}  

输出

IF Condition met  

while 循环 无限的例子

当条件表达式被配置为真时,一个infinite 循环被执行。

 while(true){    
        console.log("Infinite loop");    
    } 

输出

Infinite loop  
Infinite loop  
Infinite loop  

如何在while循环中使用async和await?

async和await用于异步操作。让我们看一个例子

const getRecords = async _ => {
    let isFlag = false
    while(!isFlag) {
     let res = await fetch('/api/get') 
       if (res.status===200) isFlag = true;
       }
}

getRecords 方法添加了async关键字。

调用这些方法会暂停await操作的执行,直到一个承诺的响应被实现。

while循环与条件表达式的工作原理相同

结语

综上所述,我们学习了typecript中的while循环,并举例说明了无限和有限的使用情况以及break关键字。它还包括asyncawait 例子。