javascript - 循环

53 阅读3分钟

循环语句

  • 什么是循环语句

    • 根据某些给出的条件,重复执行同一段代码
  • 循环必须要有某些固定的内容组成

    • 初始化
    • 条件判断
    • 要执行的代码
    • 自身改变

while 循环语句

  • while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了
  • 语法 while (条件) { 满足条件就会执行 }
  • 因为满足条件就执行, 所以我们写的时候一定要注意, 就是设定一个边界值, 不然就一直循环下去了, 简称: 死循环, 电脑卡死的时间根据电脑性能有所不同, 建议不要尝试
var year = 1  //初始化
while(year <= 10){  //条件判断
    console.log('这个人今年' + year + '岁啦') //满足条件重复循环代码
    year++ //改变自身,如果自身不自增,那么一直符合条件,就会陷入死循环
}
复制代码

do...while 循环语句

  • 是一个和 while 循环类似的循环
  • while 会先进行条件判断, 满足就执行, 不满足就直接不执行了
  • do...while 循环的时候,会先执行一次,然后再判断条件,如果条件满足,则继续执行,否则退出循环
  • 语法: do { 要执行的代码 } while (条件)
var num = 10;
do{
   console.log(num)
   num--
} while(num < 5)
//这里代码只会执行一次,因为到while判断的时候条件是不满足的
复制代码

for 循环语句

  • 和 while do while 循环都不太一样的一种循环结构
  • 但道理是和其他两种一样的, 都是循环执行代码的
  • 语法: for (var i = 0; i < 10; i++) { 要执行的代码 }
for(var i = 0;i <= 10;i++){
    console.log('这个人今年' + i + '岁啦')
}
复制代码

流程控制语句 (通过两个关键词,可以起到控制循环的一个作用,这就是流程控制)

  • break (break 结束掉整个循环,不管后边还有几轮)

    • 举个例子: 今天早上买了5个包子,吃了3个,吃饱了,后面两个不吃了
    • 那么此时要停止循环, 就可以直接使用 break 关键字
for(var i = 1;i <= 5;i++){
    if(i === 3){   
        console.log('这是我吃的第' + i + '个包子')
        break;    //这里判断,吃了三个包子的时候,直接结束循环,不会再进行下一次
    }
    console.log('我吃了' + i + '个包子')
} 
复制代码
  • continue (跳出本次循环,直接开始下一轮循环)

    • 举个例子: 还是吃五个包子, 要吃第三个的时候, 第三个掉地上了, 所以就不吃第三个了, 继续吃第四个和第五个
    • 跳过本次循环, 就可以使用 continue 关键字
for(var i = 1;i <= 5;i++){
    if(i === 3){
    //遇到continue,本次循环后面的代码就都不执行了
    //自动算作 i3 的这一次结束了, 去继续执行 i == 4 的那次循环
        continue;  
    }
    console.log('我吃了' + i + '个包子')
}
复制代码

循环嵌套的书写

  • for 的双重循环,循环嵌套,外层循环执行一次,内层循环执行全部
//这里注意,外部循环和内部循环的变量名不能一样
for(var i = 0;i <= 5;i++){
    for(var j = 0;j <= 5; j++){
        console.log('这是内部循环的第' + j + '次')
    }
    console.log('这是外部循环的第' + i + '次')
}

作者:王颖y
链接:juejin.cn/post/718497…
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。