实用 AI

可在线运行 AI 集合,涵盖 AI 文案生成、写作辅助、AI 绘图与照片修复、AI 配音、字幕生成、语音转录以及 AI 视频创作和数字人等多种 AI 服务

查看详情

while 语句

一个小时学会JavaScript
2023-06-05 12:26 · 阅读时长3分钟
小课

while 语句是一个常用的循环语句,它可以根据条件重复执行代码块。在某些情况下使用循环语句不仅可以减少工作量,还可以让代码更加简洁,比如说我们想要在控制台打印数字1到10,如果不使用循环语句,可能需要写十次console.log,如果使用循环语句就简单多了。while 语句的代码格式如下

while (判断条件) {
    代码...
}

通常情况下,判断条件的结果是布尔类型,如果不是布尔类型,JavaScript 会自动将其转换为布尔类型,while 语句的执行流程如下

  1. 根据判断条件结果是否为 true,如果是 true,则按照第2条规则执行,否则按照第3条规则执行。
  2. 执行while语句中的代码,然后再重新执行第1条规则。
  3. 跳过while语句中的代码,继续执行while语句后的代码。

下面我们使用 while 语句来实现在控制台中打印数字1到10。

let i = 1
while (i <= 10) {
    console.log(i++)
}
break

和在 switch 语句一样,在 while 语句中使用 break 可以跳出整个 while 语句,并且不执行 while 语句中 break 后面的代码,通常它用于根据特定的条件退出 while 循环。

let i = 1
while (i <= 10) {
    if (i == 3) {
        break
    }
    console.log(i++)
}

从运行结果可以看出,当 i 等于 3 的时候满足 if 语句的条件,并执行了 if 语句中的 break,所以跳出了 while 语句,并且没有再执行后面的console.log(i++)

continue

continue 可以跳过当前 while 循环一次,并且本次循环不执行 continue 后面的代码。注意它和break的区别,break 是完全跳出循环,而 continue 仅跳过本次循环。下面看一个示例,使用 continue 实现打印1到10中不是3的倍数的整数。

let i = 0
while (++i <= 10) {
    if (i % 3 == 0) {
        continue
    }
    console.log(i)
}

从运行结果可以看出,当 i 等于 3 的倍数时,满足 if 语句的条件,并执行了 if 语句中的 continue,所以跳过了本次循环,并且没有执行后面的console.log(i)

JavaScriptwhile语句