Explain Javascript Loops
JavaScript loops are used to repeat a block of code multiple times. Here are the main types of loops in JavaScript:
1. for
Loop
The for
loop repeats a block of code as long as a specified condition is true.
Syntax:
for (initialization; condition; increment) {
// code block to be executed
}
Example:
for (let i = 0; i < 5; i++) {
console.log(i);
}
Output:
0
1
2
3
4
2. while
Loop
The while
loop repeats a block of code as long as a specified condition is true.
Syntax:
while (condition) {
// code block to be executed
}
Example:
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
Output:
0
1
2
3
4
3. do...while
Loop
The do...while
loop is similar to the while
loop, but it executes the block of code once before checking the condition.
Syntax:
do {
// code block to be executed
} while (condition);
Example:
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
Output:
0
1
2
3
4
4. for...in
Loop
The for...in
loop is used to iterate over the properties of an object.
Syntax:
for (variable in object) {
// code block to be executed
}
Example:
const person = {fname: "John", lname: "Doe", age: 25};
for (let key in person) {
console.log(key + ": " + person[key]);
}
Output:
fname: John
lname: Doe
age: 25
5. for...of
Loop
The for...of
loop is used to iterate over the values of an iterable (like an array or a string).
Syntax:
for (variable of iterable) {
// code block to be executed
}
Example:
const arr = [10, 20, 30, 40, 50];
for (let value of arr) {
console.log(value);
}
Output:
10
20
30
40
50
Example of Using Loops Together
Here's an example of using different loops to achieve the same result, printing numbers from 1 to 5:
Using for
Loop:
for (let i = 1; i <= 5; i++) {
console.log(i);
}
Using while
Loop:
let i = 1;
while (i <= 5) {
console.log(i);
i++;
}
Using do...while
Loop:
let i = 1;
do {
console.log(i);
i++;
} while (i <= 5);
These are the basic loops in JavaScript and how they can be used to execute a block of code multiple times. Each loop type serves a different purpose and can be chosen based on the specific needs of the task.
At Online Learner, we're on a mission to ignite a passion for learning and empower individuals to reach their full potential. Founded by a team of dedicated educators and industry experts, our platform is designed to provide accessible and engaging educational resources for learners of all ages and backgrounds.
Copyright 2023-2025 © All rights reserved.