编程笔记 html5&css&js 080 JavaScript 跳转语句

编程笔记 html5&css&js 080 JavaScript 跳转语句

• [1. `break` 语句](#1. break 语句)
• [2. `continue` 语句](#2. continue 语句)
• [3. `return` 语句](#3. return 语句)
• 注意

在JavaScript中，跳转语句用于改变程序执行流程的顺序.

1. break 语句

break 语句用来强制退出当前循环（如 for、while 或 do...while 循环）或 switch 语句。一旦遇到 break，它所在的整个循环体或 case 子句都会被终止。

// 在循环中的 break 示例
let i = 0;
while (true) {
    if (i === 5) {
        break; // 当 i 等于5时，跳出循环
    }
    console.log(i);
    i++;
}

// 在 switch 语句中的 break 示例
let color = 'red';
switch (color) {
    case 'red':
        console.log('The color is red.');
        break; // 遇到红色时打印并退出 switch 语句
    case 'green':
        console.log('The color is green.');
        break;
    default:
        console.log('The color is not defined.');
}

2. continue 语句

continue 语句用于跳过当前循环体中剩余的语句，并继续下一次循环迭代。

// continue 在 for 循环中的示例
for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) { // 如果 i 是偶数
        continue; // 跳过本次循环体剩余部分
    }
    console.log(i); // 只会输出奇数
}

3. return 语句

return 语句通常用在函数中，用于从函数内部返回一个值并立即停止函数的执行。

// return 在函数中的示例
function findFirstEvenNumber(array) {
    for (let item of array) {
        if (item % 2 === 0) {
            return item; // 找到第一个偶数后立刻返回该值，并结束函数执行
        }
    }
    return null; // 若数组中没有偶数，则返回 null
}

let numbers = [1, 3, 5, 8, 9];
console.log(findFirstEvenNumber(numbers)); // 输出：8

注意

在 JavaScript 中还可以使用标签（label）配合 break 和 continue 来实现更复杂的控制流，但这一特性在现代编程实践中并不常用，因为可能导致代码可读性和维护性降低。