What is a `for loop` in JavaScript

A for loop in JavaScript is used to execute a block of code a certain number of times, making it an essential tool for iterating over arrays, objects, and anything that requires a repetitive action. It's particularly useful when you know beforehand how many times you want the loop to run.

Syntax

The syntax of a for loop is composed of three optional expressions, separated by semicolons:

for (initialExpression; condition; incrementExpression) {
  // Code to execute on each iteration
}

initialExpression: Typically used to initialize a counter variable. This expression runs before the first iteration of the loop.
condition: Evaluated before each iteration. If it evaluates to true, the loop's body is executed. If it evaluates to false, the loop stops.
incrementExpression: Executed after each iteration. Often used to update the counter variable.

Example

Here's a basic example that prints numbers 0 to 4 to the console:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

In this example:

The initialExpression is let i = 0, which initializes a counter variable i to 0.
The condition is i < 5, which means the loop will continue as long as i is less than 5.
The incrementExpression is i++, which increments i by 1 after each loop iteration.

Looping Through Arrays

for loops are commonly used to iterate over arrays:

const fruits = ["Apple", "Banana", "Cherry"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

This loop prints each element in the fruits array to the console.

Nested For Loops

You can nest for loops inside one another to work with multidimensional arrays or perform more complex tasks:

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

This example uses a nested for loop to print pairs of numbers.

Break and Continue

The break statement can be used to exit a loop early if a certain condition is met.
The continue statement skips the rest of the current loop iteration and continues with the next iteration.

For Loop Variants

JavaScript also supports several variations of the for loop, such as:

for...in: Loops through the properties of an object.
for...of: Loops through the values of an iterable object (like an array).

Usage Considerations

Use for loops when you know how many times you need to iterate or when iterating over arrays by index.
Consider using array methods like forEach, map, filter, or reduce for more functional approaches to array iteration.
for...of and array methods are often more readable than traditional for loops when working with arrays or other iterable objects.

21.
What is a `for loop` in JavaScript