9.6. while Loops¶

9.6.1. while Loop Syntax¶

The general syntax of a while loop looks like this:

while (boolean expression) {
   body
}

A while loop will continue to repeat as long as its boolean expression evaluates to true. The condition typically includes a value or variable that is updated within the loop, so that the expression eventually becomes false.

9.6.2. Flow of Execution of the while Loop¶

We can visualize the flow of execution of a while loop as follows.

Flow of execution of a while loop¶

Here is the flow of execution for a while loop:

1. Evaluate the condition, which yields a value of true or false.
2. If the condition is false, exit the while loop and continue execution at the next statement after the loop body.
3. If the condition is true, execute the loop body and then go back to step 1.

9.6.3. for Loops Rewritten as while Loops¶

We can use the while loop to create any type of iteration we wish, including anything that we have previously done with a for loop. For example, consider our initial for loop example.

1for (let i = 0; i < 51; i++) {
2   console.log(i);
3}

This can be rewritten as a while loop:

1let i = 0;
2
3while (i < 51) {
4   console.log(i);
5   i++;
6}

repl.it

Instead of relying on the initial and update expressions, as we do in a for loop, we must manage the state of our loop manually. To do this, before entering the while loop, we will create the variable i and initialize it to 0, the first number we want to print. This variable plays the same role as the loop variable in a for loop. Every iteration will print i and then increment i to the next value, until it reaches the value 51. The loop continues to iterate until the condition i < 51 evaluates to false.

You can almost read the while statement as if it were in a natural language: while ``i`` is less than ``51``, continue executing the body of the loop.

9.6.4. Beyond for Loops¶

We stated earlier that while loops are more flexible than for loops. Now we will look at an example that illustrates this.

This program is an example of input validation. It prompts the user to enter a positive number, converting the input string to the number data type. If the number is not positive, then the user is prompted again within the body of the loop. As long as the user continues to input non-positive numbers, the loop will continue to iterate.

1const input = require('readline-sync');
2
3let num = input.question('Please enter a positive number:');
4num = Number(num);
5
6while (num <= 0) {
7   num = input.question('Invalid input. Please enter a positive number:');
8   num = Number(num);
9}

This example illustrates the additional flexibility provided by while loops. While we use for loops to iterate over fixed collections (a string, an array, a collection of integers), the while loop can be used to iterate in more general circumstances. For the input validation example, at runtime it cannot be determined how many times the loop will repeat.

9.6.5. Infinite Loops, Revisited¶

It is easier to create an infinite while loop than an infinite for loop. To see this, consider what happens to our first while loop example if we forget to update the loop variable.

1let i = 0;
2
3while (i < 51) {
4   console.log(i);
5}

This is an infinite loop. The variable i is initialized to 0 and never updated, so the condition i < 51 will always be true. If you ran this program, you would see an never-ending list of zeros.

Even when we remember to update the counter, we must be careful to make sure that the condition will eventually be false.

1let i = 0;
2
3while (i < 51) {
4   console.log(i);
5   i--;
6}

In this case, i-- decreases the value of the counter. Since i starts at 0, i < 51 will always be true. If you ran this program, you would see an ever-expanding list of negative numbers.

9.6.6. Check Your Understanding¶

1let n = 10;
2let answer = 1;
3
4while (n > 0) {
5   answer = answer + n;
6   n = n + 1;
7}
8
9console.log(answer);