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.
Terms Disclaimer About Us Contact Us
Copyright 2023-2025 © All rights reserved.