JS中的循环语句

123 阅读1分钟

JS 中 什么是循环语句呢?它有什么作用?

有时候我们需要多次的、重复的执行一个代码段时 这时候需要用到循环语句

while循环

基于某一个条件 循环处理某一段代码

语法: while (条件){要循环执行的代码}

    var num = 1;           1. 初始化条件
    while (num < 6) {      2. 条件判断, 不符合时结束循环
    console.log(1)         3. 循环执行的代码
        num++              4. 改变自身, 如果不写, 死循环
    }

   死循环例子:
   var num = 1
   while (num < 5) {  
   要执行的代码
   console.log(1) 
   }

如果你不小心写了一个死循环的例子 并且运行了 恭喜你 检测你电脑性能的时候到了哈哈哈哈哈

ps:反正我的是卡死了

do while循环

语法:

do {要循环执行的代码} while (条件)

  例:
  var num = 10
    do {
        console.log(1)
        num++
    } while (num < 6)

var num = 10 do {...} while (num < 6) 首次执行

  1. 直接执行 {...} 代码 所以会打印 1, num++
  2. 判断条件 num < 6 此时 num 一定大于 6 ,所以条件为 false 条件 false 直接停止循环

看到这儿有人会问了 这两个名字都差不多啊 有区别吗

和 while 循环的差异:

while 首次执行就判断条件 条件不符合不执行 且停止循环

do...while 首次就执行代码 不需要判断条件, 执行完毕后再去判断条件 条件不符合时不执行 且停止循环

for循环

语法:

 for (1. 声明变量; 2. 判断条件; 3. 改变自身;) {循环执行的代码}

案例:

在 1000 到 2000 的数字内, 需要求出 是 4的倍数, 且不是100的倍数 的那个数字

需求1 不打印打控制台, 输出在页面

需求2 继续输出在页面 但是 每4个换一行

  var num = 0
  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
            }
        }
  }

循环嵌套

两个或者多个循环嵌套在一起

例:
for (var i = 0; i < 3; i++) {   // 外层循环

console.log('外层循环第', i, '次执行')

for (var k = 0; k < 3; k++) {   // 内层循环

console.log('内层循环: ', k)

   }
}

规则:

外层循环执行一次 内层循环就会完整的执行一次

循环嵌套的注意点:

外层循环的条件或变量, 不能与内层循环的相同