js循环结构

循环

概念

• 循环结构用于可以重复执行指定代码的语法结构
• 分类
  • for
  • while
  • do.while

While循环

• 概念：也是循环结构中的一种，可以用于重复执行制定的代码

• 语法：

  while(继续循环的条件){
      循环体
      条件为true的时执行循环体中的代码
  }
  
  例子：
  let peoper = 25;
  let year = 2012;
  while(peoper <= 100){
      peoper=peoper+(peoper*0.25);
      year++;
  }console.log(year);
  

• 执行流程：

  • 判断继续循环的条件是否为true，如果为true则执行一次{}里面的代码（循环体），如果为false则结束循环

• for循环和while循环的区别

  • 语法上：for循环提供了循环变量初始值，循环变量控制语句都有单独的位置写，while循环没有肚子位置
  • 场景上：for循环适用于循环次数比较明确的情况，while循环适用于循环次数不明确时，但是循环条件明确时。

do …while循环

• 概念：也是循环结构中的一种，先执行循环体中的代码，再判断循环条件是否为true

• 语法：

  do{
      循环体，无论条件是否为true，先执行一次循环体中的代码。在进行循环条件判断是否继续循环
  }while(继续循环的条件)
  

  • 执行流程：
    • 先执行{}里面的代码，执行第二步
    • 继续判断循环的条件是否为true，返回上一步，如果为false，结束循环

• 与while，for的区别

  • 他们三者都是循环结构。都是完成执行重复代码的操作。for和while都是可以相互替换的。
  • 这三者之间语法是不同的。
  • 应用场景：
    • for适用于循环次数比较明确的情况
    • while循环更适用于循环次数不明确，循环条件明确的情况
    • do while循环更适用与需要限制性一次循环体代码，再判断循环条件，

for循环

• for循环是在开发中用得比较多的循环结构

• 语法:

  for (循环标量的声明和初始值；继续循环的条件，循环标量的控制语句){
      循环体
      每次继续循环的条件满足时执行的代码
  }
  

• for 执行流程（结合的例子）:

  • 执行一次循环变量的声明初始值（var i =1）,完成后执行第二步。
  • 判断继续循环的条件(i <= 10)是否为true，如果为true；则执行第三步
  • 执行一次{}里面的循环体的代码(document.write(循环体);执行完成之后则执行第四步
  • 执行一次循环变量的控制语句(i++)，返回第2步。