Loop Types in JavaScript

#loop #javascript

In this blog I'll go through different ways of looping in JavaScript with examples:

while
forEach
map
do while
for in
for of
for

while Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

let developer = 0;

while (developer < developers.length) {
    console.log(developers[developer]);
    developer++;
}

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

forEach Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

developers.forEach (developer =>{
    console.log(developer);
})

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

map Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

developers.map (developer =>{
    console.log(developer);
    return developer;
})

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

do while Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

let developer = 0
do {
    console.log(developers[developer]);
    developer++;
    }

while(developer < developers.length)

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

for of Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

for (const developer of developers){
    console.log(developer);
    }

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

for in Loop

const developers = {
    1 : 'Injamul', 
    2 : 'Saurav', 
    3 : 'Tarek', 
    4 : 'Saiful'
};

for (const key in developers) {
    console.log(developers[key]);
}

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/

for Loop

const developers = ['Injamul', 'Saurav', 'Tarek', 'Saiful'];

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

/* Output: 
Injamul
Saurav
Tarek
Saiful
*/