From d94cec7a3e5febafb745bb91d38d23e239a7f5e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Giftea=20=E2=98=95?= Date: Fri, 31 Oct 2025 10:14:41 +0100 Subject: [PATCH] feat(curriculum): Add interactive examples to What Are the Break and Continue Statements Used for in Loops lesson (#63338) --- .../6732c07238355642a9781dfb.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/english/blocks/lecture-working-with-loops/6732c07238355642a9781dfb.md b/curriculum/challenges/english/blocks/lecture-working-with-loops/6732c07238355642a9781dfb.md index 385285a7587..55cf18fe22a 100644 --- a/curriculum/challenges/english/blocks/lecture-working-with-loops/6732c07238355642a9781dfb.md +++ b/curriculum/challenges/english/blocks/lecture-working-with-loops/6732c07238355642a9781dfb.md @@ -5,12 +5,14 @@ challengeType: 19 dashedName: what-are-the-break-and-continue-statements-used-for-in-loops --- -# --description-- +# --interactive-- A `break` statement is used to exit a loop early, while a `continue` statement is used to skip the current iteration of a loop and move to the next one. Here is an example of using a `break` statement in a `for` loop: +:::interactive_editor + ```js for (let i = 0; i < 10; i++) { if (i === 5) { @@ -20,6 +22,8 @@ for (let i = 0; i < 10; i++) { } ``` +::: + In the example above, the loop starts counting at `0` and while `i` is less then `10`, the loop will continue to run. Inside the loop, we check if `i` is equal to `5`. If it is, we use the `break` statement to exit the loop early. If not, we log the value of `i` to the console. So the output of the code will print the numbers `0`, `1`, `2`, `3`, and `4`. @@ -28,6 +32,8 @@ The `break` statement is useful when you want to exit a loop early based on a ce Sometimes you may want to skip a particular iteration of a loop without exiting the loop entirely. This is where the `continue` statement comes in. Here is an example of using a `continue` statement in a `for` loop: +:::interactive_editor + ```js for (let i = 0; i < 10; i++) { if (i === 5) { @@ -37,6 +43,8 @@ for (let i = 0; i < 10; i++) { } ``` +::: + Just like before, we have initialized `i` to `0` and have a condition that will run the loop as long as `i` is less than `10`. Inside the loop, when `i` is equal to `5`, we use the `continue` statement to skip the current iteration and move to the next one. @@ -49,6 +57,8 @@ This is useful when you have nested loops and you want to control the flow of th Here is an example of using labels with the `break` statement: +:::interactive_editor + ```js outerLoop: for (let i = 0; i < 3; i++) { innerLoop: for (let j = 0; j < 3; j++) { @@ -60,6 +70,8 @@ outerLoop: for (let i = 0; i < 3; i++) { } ``` +::: + In this example, we have an outer `for` loop labeled `outerLoop` and an inner `for` loop labeled `innerLoop`. When `i` is equal to `1` and `j` is equal to `1`, we use the `break` statement with the `outerLoop` label to exit the outer loop early. This will exit both the inner and outer loops. @@ -184,3 +196,4 @@ Labels are used to control the flow of execution in nested loops. ## --video-solution-- 1 +