JavaScript For Loop

In JavaScript, a loop is a control flow statement that allows you to repeat a block of code multiple times. There are several types of loops in JavaScript, including the for loop, the while loop, and the do...while loop.

Here is an example of a for loop in JavaScript:

for (var i = 0; i < 10; i++) {
    // Execute this code block 10 times
    console.log(i);
}

The for loop above will execute the code block 10 times, starting at 0 and ending at 9. The variable i is used to keep track of the current iteration of the loop, and is incremented by 1 on each iteration.

Here is an example of a while loop in JavaScript:

var i = 0;
while (i < 10) {
    // Execute this code block while i is less than 10
    console.log(i);
    i++;
}

In this demo, the while loop will execute the code block while the value of i is less than 10. The value of i is incremented by 1 on each iteration of the loop, using the postfix increment operator (i++).

The for loop is a powerful control flow statement that allows you to easily iterate over a sequence of values, such as the elements in an array. It can be used to perform a specific action for each element in the sequence, or to collect values from the sequence into a new data structure.

One common use of the for loop is to iterate over the elements in an array and perform a specific action for each element. For example, you could use a for loop to print each element in an array to the console, like this:

var array = [1, 2, 3, 4, 5];
for (var i = 0; i < array.length; i++) {
    console.log(array[i]);
}

Another common use of the for loop is to collect values from a sequence into a new data structure. For example, you could use a for loop to create a new array that contains only the even numbers from another array, like this:

var array = [1, 2, 3, 4, 5];
var evenNumbers = [];
for (var i = 0; i < array.length; i++) {
    if (array[i] % 2 === 0) {
        evenNumbers.push(array[i]);
    }
}

Another thing to keep in mind when using the JavaScript for loop is that you can use multiple counter variables to iterate over a multi-dimensional data structure, such as a two-dimensional array. For example, you could use a for loop with two counter variables, i and j, to iterate over the elements in a two-dimensional array, like this:

var array = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
for (var i = 0; i < array.length; i++) {
    for (var j = 0; j < array[i].length; j++) {
        console.log(array[i][j]);
    }
}

In this example, the outer for loop is used to iterate over the rows in the array, and the inner for loop is used to iterate over the columns in each row. This allows you to access each element in the array and do something with it, such as print it to the console.

Further Learning

Frequently Asked Questions about the JavaScript For Loop

const obj = {
  name: "John",
  age: 30,
  job: "teacher"
};

for (let key in obj) {
  console.log(`${key}: ${obj[key]}`);
}