JavaScript中for循环与while循环 do-while循环的使用场景

522 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第1天点击查看活动详情

while循环结构

语法:

while(条件 true/false){

        循环体/需要重复执行的代码;\
    }

- 执行步骤

-   1.判断条件是否成立
    -   1.1 如果成立,执行循环体代码,然后重复步骤1
    -   1.2 如果不成立,结束循环,执行大括号后面的代码
  • 3.注意点

    • (1)小括号中的语句,无论结果是什么都会转换成布尔类型来判断是否成立
    • (2)避免写一个死循环

演示

需求:打印 3 次 '你好呀,海海'

    let i = 1; // 循环变量,记录循环次数
    while( i <= 3 ){
        console.log ( "你好呀,海海" );
       i++; 
    }
    console.log('111'); // 大括号外的代码按顺序执行

do-while循环结构

语法

do{\
    循环体;\
}while( 条件 );

执行步骤

1.先执行循环体代码

2.执行条件语句

如果结果为true,执行循环体代码

如果为false,循环结束

3.重复步骤2

3.do-while和while实现的循环其实是一样的,只有一个不同点:do-while循环不管怎样先执行一次循环体代码,然后再判断条件

while循环:(先判断条件再执行循环体)

do-while循环:(不管怎样先执行一次循环体代码,然后再判断条件)

演示

  let i = 1;
  do{
      console.log ( "嘿嘿嘿" ); // 必执行一次
      i++;
  }while (i > 5); // 条件不成立 循环结束

总结

  • 1.三种循环结构语句之间可以互转,只不过每一种语句的适用场景不一样
  • 2.最常用:for循环:适合循环次数固定
  • 3.while循环:适合循环次数不固定
  • 4.do-while循环:适合循环次数不固定,但是循环体代码至少要执行一次