JavaScript 中 Break 和 Continue 之间的区别

一. 介绍

在 JavaScript 中，break 和 continue 语句是控制循环流程的重要工具。尽管这两个语句看似相似，但它们在程序执行中的作用截然不同。break 语句会完全终止循环，而 continue 语句则会跳过当前迭代并继续下一个循环。

本文将通过具体示例详细介绍这两个语句的用法和区别。

二. 使用 Break 语句的示例

1. 检查值是否为数字的函数

// 函数：检查一个值是否是数字
function isNumeric(value) {
    return !isNaN(value); // 如果值不是 NaN，则返回 true
}

2. 处理非数字值并终止循环的函数

// 函数：处理非数字值并打印错误信息
function handleErrorWithBreak(value) {
    console.log(value.toString() + " 不是数字。停止执行."); // 打印错误信息
}

3. 处理数组并计算数字值之和的函数

// 函数：处理数组并计算数字值的总和，如果遇到非数字值则停止
function sumArrayElementsWithBreak(parmArray) {
    let sum = 0; // 初始化总和为 0
    for (let i = 0; i < 10; i++) { // 遍历数组的前 10 个元素
        if (!isNumeric(parmArray[i])) { // 检查当前元素是否为数字
            handleErrorWithBreak(parmArray[i]); // 处理非数字值
            break; // 一旦遇到非数字值，退出循环
        }
        sum += parmArray[i]; // 累加数字值
    }
    return sum; // 返回总和
}

// 主函数，调用使用 break 的版本
function break4errorWithBreak(parmArray) {
    return sumArrayElementsWithBreak(parmArray); // 返回计算结果
}

三. 使用 Continue 语句的示例

1. 处理非数字值但继续循环的函数

// 函数：处理非数字值并打印错误信息，但继续循环
function handleErrorWithContinue(value) {
    console.log(value.toString() + " 不是数字。继续处理下一个数字."); // 打印错误信息
}

2. 处理数组并跳过非数字值的函数

// 函数：处理数组并计算数字值的总和，跳过非数字值
function sumArrayElementsWithContinue(parmArray) {
    let sum = 0; // 初始化总和为 0
    for (let i = 0; i < 10; i++) { // 遍历数组的前 10 个元素
        if (!isNumeric(parmArray[i])) { // 检查当前元素是否为数字
            handleErrorWithContinue(parmArray[i]); // 处理非数字值
            continue; // 跳过当前迭代，继续下一个元素
        }
        sum += parmArray[i]; // 累加数字值
    }
    return sum; // 返回总和
}

// 主函数，调用使用 continue 的版本
function break4errorWithContinue(parmArray) {
    return sumArrayElementsWithContinue(parmArray); // 返回计算结果
}

四. 结论

1. break 语句：在遇到非数字值时立即停止执行。
2. continue 语句：跳过非数字值，继续计算数组中的其他数字。

通过以上示例，我们可以清晰地理解 break 和 continue 的不同用法，以及在实际编码中如何选择使用哪种语句。使用这两个控制语句能够让代码更具灵活性，提高程序的可读性和可维护性。