js的 for、while循环的简单介绍

92 阅读1分钟

js 循环结构

while 循环

while循环语法

<script>
      // while (条件){ 满足条件重复执行的代码}
      let i = 0
      let count = prompt('请输入你想执行的次数')
      while (i < count) {
        console.log(`,我第${i + 1}次说:我要月薪过10000`)
        i++
      }
    </script>

释义:

  • 和 if 语句很像,都要满足小括号里的条件为true 才会进行代码
  • while 大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足有执行大括号里的代码然后再回到小括号再判断条件,直到括号内条件不满足,即跳出

循环需要具备三要素

1.变量起始值

2.终止条件(没有终止条件,循环会一直执行,造成死循环)

3.变量变化量(用自增或者自减)

1648474457512.png

<script>
   
      let i = 1
      while (i <= 3){
    	document.write(`我可以循环三次 <br>`)
     	i++
      }
    </script>

for循环

1.for循环基本使用

  • 也是重复执行代码
  • 好处:把声明起始值、循环条件、变化值写到一起、让人一目了然
for ( 声明记录循环次数的变量; 循环条件;变化值 ) {
注意点:括号里的 ; ;  不能去掉  就算空着也不行
}
  
<script>
   // for ( 声明记录循环次数的变量; 循环条件;变化值 )
    for (let i = 0; i < 3; i++) { 
          console.log(i)
        }
    </script>

2.退出循环

  • continnue : 结束本次循环,继续下次循环

  • dreak :跳出所在的循环

     <script>
     
          // 求  1 - 100 之间的偶数和
          for (let i = 1; i <= 100; i++) {
            if (i === 10) {
             // 使i 在到10 的时候 停一次
             // continue
              // 使 i 在到10 的时候停止输出  (123456789)   
                break
            }
            console.log(i) (自身的输出不可循环外面 )
          }
        </script>
    

3.循环嵌套

  • 一个循环里再套一个循环即可
<script>
   for ( 声明记录循环次数的变量; 循环条件;变化值 ) {
       
       for ( 声明记录循环次数的变量; 循环条件;变化值 ) {
       循环体
   }
       
   }
   
    </script>