[快速入门前端 49] JavaScript：迴圈 (4) break 和 continue

break 和 continue

break

break (中断)，是用来控制迴圈或 switch 的控制语法，会中断并跳出整个迴圈或 switch 区块。在迴圈中 break 通常会放在 if-else 条件判断里面，形成「若... 就跳出整个迴圈」的逻辑。

for (let i = 1; i < 20; i++) {    if (i % 3) {        console.log("3 的倍数");        break; // 输出 1 ~ 20 第一个 3 的倍数    }};

continue

continue 是指跳出这次迴圈，直接进入下一次的意思，它会忽略区块中写在 continue 后的语句，直接执行下一次迴圈。

for (let i = 0; i < 4; i++) {    if (i == 2) {        continue; // 若 i 为 2 则直接进行下一次迴圈    }    console.log(i);};// 输出结果为 0、1、3

控制指定迴圈

在双重迴圈中，break 会跳出离自己最近的迴圈：

for (let i = 0; i < 3; i++) {    console.log('外层迴圈')    for (let j = 0; j < 2; j++) {        break;        console.log('内层迴圈')    };};// 输出结果为：外层迴圈、外层迴圈、外层迴圈

但若我们需要跳出指定迴圈，例如在内层迴圈的条件判断中中断整个双重迴圈结构的话，我们需要指定要 break 的迴圈。
语法：

// 将迴圈命名名称:for (let i = 0; i < 2; i++) {}// 指定要 break 哪个迴圈break 名称;

範例：

outter: // 将外层的 for 迴圈命名为 outterfor (let i = 0; i < 3; i++) {    console.log('外层迴圈')    for (let j = 0; j < 2; j++) {        break outter; // break 外层迴圈 (跳出整个双层迴圈结构)        console.log('内层迴圈')    };};// 输出：外层迴圈

上一篇：[快速入门前端 48] JavaScript：迴圈 (3) 双重迴圈
下一篇：[快速入门前端 50] JavaScript：Array 阵列 (1) 阵列宣告和取值
系列文章列表：[快速入门前端] 系列文章索引列表