掌握JavaScript中的条件语句与循环

在JavaScript编程语言中，循环控制语句是编程中不可或缺的一部分，它们允许我们更灵活地处理循环结构。本文将深入探讨两种关键的循环控制语句：`break` 和 `continue`，以及它们在不同循环类型中的应用。 我们来看`break`语句。`break`的主要作用是强制退出当前循环，无论循环条件是否满足。例如，在一个`while`循环中，当某个特定条件满足时，使用`break`可以立即结束循环，跳过后续的循环体代码。在提供的示例中，当变量`x`等于5时，`break`语句被执行，使得循环立即停止，不再执行剩余的循环体，从而避免了`x`的值超过5。 ```javascript var x = 1; document.write("Entering the loop<br /> "); while (x < 20) { if (x == 5) { break; // breaks out of loop completely } x = x + 1; document.write(x + "<br />"); } document.write("Exiting the loop!<br /> "); ``` 这段代码会输出从1到4的数字，然后跳出循环，显示"Exiting the loop!"，因为当`x`等于5时，`break`语句使循环停止。 `continue`语句用于跳过当前循环体的剩余部分，直接进入下一次迭代。在处理数组或进行某种条件判断时，这非常有用。如果在循环中遇到不满足条件的情况，可以使用`continue`跳过当前迭代，避免执行不必要的操作。例如，下面的代码在`x`等于5时跳过当前迭代，不会打印5及其后的数字。 ```javascript var x = 1; document.write("Entering the loop<br /> "); while (x < 10) { x = x + 1; if (x == 5) { continue; // skips the rest of the loop body } document.write(x + "<br />"); } document.write("Exiting the loop!<br /> "); ``` 输出结果为：从1到4的数字，然后是"Exiting the loop!"，因为当`x`等于5时，`continue`语句使得当前迭代的剩余部分被跳过。 从JavaScript 1.2版本开始，我们可以使用标签（labels）来更精确地控制`break`和`continue`的流程。标签是一个标识符，可以附加到语句或代码块前，以便在多层嵌套循环中更准确地定位要退出或继续的循环。例如： ```javascript document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 5; i++) { document.write("Outerloop: " + i + "<br />"); innerloop: for (var j = 0; j < 5; j++) { if (j > 3) break; // Quit the innermost loop if (i == 2) break innerloop; // Do the same thing if (i == 4) break outerloop; // Quit the outer loop document.write("Innerloop: " + j + " <br />"); } } document.write("Exiting the loop!<br /> "); ``` 在这个例子中，我们有两层嵌套的`for`循环。当`j`大于3时，内层循环结束；当`i`等于2时，使用`break innerloop`退出内层循环但继续外层循环；而当`i`等于4时，使用`break outerloop`退出整个外层循环。 总结来说，`break`和`continue`语句在JavaScript中提供了对循环执行流的控制。`break`用于立即退出循环，而`continue`则用于跳过当前迭代的剩余部分。结合使用标签，开发者可以更加灵活地处理复杂的循环结构，实现特定的逻辑需求。理解并熟练运用这些语句，将有助于编写出更加高效和可读的代码。