7 Loops of JavaScript

As a programmer, it's crucial to comprehend loops since they give you a means to repeatedly run a block of code. Loops are a fundamental idea in computer programming. Using loops has a number of advantages:

• Your code will be more effective if you use loops to automate repetitive processes and carry out the same actions repeatedly with little code.
• To regulate the flow of execution based on specific conditions, loops can be used in conjunction with conditional statements.
• When processing huge amounts of data, such as iterating through array elements or database records, loops are frequently utilized.
• Through the repeated execution of code in response to input from the user or other events, loops can be utilized to develop dynamic and interactive applications.

In JavaScript, there are 7 types of loops that can be used to execute a block of code repeatedly. Each loop has its own specific use case and syntax, and choosing the right one depends on the problem you're trying to solve. It's important to understand the differences between these loops and when to use each one to write efficient and effective code. Here we have briefly discussed these loops:

Below all 7 loops are briefly described with an example code:

JavaScript for Loop

A for loop is used when you know how many times you need to repeat a certain block of code. It takes three statements.

• Initialization statement
• Condition Statement
• Increment statement.

Example: This example shows the use of a for loop.

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

0
1
2
3

JavaScript while Loop

A while loop is used when you don't know how many times you need to repeat a block of code, but you know the condition that will end the loop.

Example: This example shows the use of a while loop.

let i = 0;
while (i < 6) {
  console.log(i);
  i++;
}

0
1
2
3
4
5

JavaScript do-while Loop

A do-while loop is similar to a while loop, but the block of code is executed at least once, even if the condition is false.

Example: This example shows the use of do-while loop.

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 6);

0
1
2
3
4
5

JavaScript for-in Loop

A for-in loop is used to loop through the properties of an object.

Example: This example shows the use of for-in loop.

const obj = {a: 1, b: 4, c: 7};

for (let prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

a: 1
b: 4
c: 7

JavaScript for-of Loop

A for-of loop is used to loop through the values of an iterable object (such as an array.

Example: This example shows the use of for-of loop.

const arr = [1, 2, 3];

for (let val of arr) {
  console.log(val);
}

1
2
3

JavaScript forEach loop

A forEach loop is a method on arrays that executes a function for each element in the array.

Example: This example shows the use of forEach loop.

const arr = [1, 2, 3];
arr.forEach(val => console.log(val));

1
2
3

JavaScript Map

A map is a method on arrays that creates a new array by executing a function on each element in the array.

Example: This example shows the use of map loop.

const arr = [1, 2, 3];
const newArr = arr.map(val => val * 2);
console.log(newArr);

[ 2, 4, 6 ]