js循环

78 阅读1分钟

循环语句

  • 什么是循环语句
    •      帮助我们多次执行 某一个代码段      
// 需求: 在浏览器控制台 打印 5次 1
        console.log(1)
        console.log(1)
        console.log(1)
        console.log(1)
        console.log(1)
// 新需求: 在浏览器 打印 50次 1
// 针对新需求, 就可以使用 循环语句 完成
  

while循环

  • while 循环
    •      基于某一个条件, 循环处理 某一段代码
    • while 语法: while (条件) {要循环执行的 代码}
var num = 1;
           while (num < 6) {
           console.log(1)
           num++
        }

//死循环 因为 num == 1, num < 5 永远成立所以循序一致执行,就是死循环
        //    num = 1
        //    while(num < 5){
        //     console.log(1)
        //    }

do...while 循环

  • do...while 循环
    • 语法: do {要循环执行的代码} while (条件)
    • 和 while 循环的 差异
    •  while 首次执行就判断条件, 条件不符合不执行, 且 停止循环
    •  do...while 首次就执行,不需要判断条件, 执行完毕再去判断条件 , 条件不符合时不执行,且停止循环
var num = 1
       do{
        console.log(1)
        num++
       }while(num < 3)

for 循环

  •  for 循环
    •      JS 循环的一种
    •  语法 for (1. 声明变量(初始化条件); 2. 判断条件; 3. 改变自身;) {循环执行的代码}
        /**
         * 1. 在 1000 到 2000 的数字内, 需要求出 是 4的倍数, 且不是100的倍数 的那个数字
         *  新需求, 不打印打控制台, 输出在页面
         *  新新需求, 继续输出在页面 但是 每 4个 换一行
        */
        var num = 0 // 计数器, 计算达到 4 次时 需要换行
        for (var i = 1000; i < 2000; i++) {
            if (i % 4 == 0 && i % 100 !== 0) {
                // console.log(i)       //打印在控制台
                document.write(i + ' ') //在页面输出
                num++
                if (num == 4) {
                    document.write('<br>') 
                    num = 0
                }
            }
        }

三种循环的区别

 1.`for`循环和`while`循环先判断条件是否成立,然后再决定是否执行循环体
 2.`do...while`循环 先循环执行一次,再判断条件是否成立,决定是否执行循环体