DEV Community

Sri Sai Jyothi
Sri Sai Jyothi

Posted on

6

Describing For loops in JavaScript

1. The Standard For loop

let numbers = [10,20,30];
for(i = 0; i < a.length; i++ ){
  console.log(numbers[i]);
}

πŸ‘‰ We can use break, continue, and return inside of the standard for loop.

2. forEach Loop

let numbers = [1,2,3];
numbers.forEach(function(value){
  console.log(value);
}
  • Now, we'll get exactly as the same output as in case of the standard for-loop.

πŸ‘‰ We CANNOT use break or continue inside forEach loop.

πŸ‘‰ We can use the return keyword (forEach is anyway a function so it doesn't make any difference to use it)

3. For-in Loop

πŸ‘‰ It is used for looping over object properties.

  • What happens if we loop through an array?
// Looping through Objects
let obj = {a:10, b:20, c:30};
for(let prop in obj){
console.log(prop) //0
console.log(typeof(prop)) //string
}

//Looping through an array
let numbers = [10,20,30];
for(let index in numbers){
console.log(index) //0
console.log(typeof(index)) // string❗
}

4. For-Of Loop

πŸ‘‰ Use for-of to loop over itterables like arrays.

let numbers = [10,20,30];
for(let index of numbers){
console.log(index) //0
console.log(typeof(index)) // number❗
}

Summary

  1. πŸ“ The main difference between for and forEach is the use of break, continue, and return
  2. πŸ“ The main difference between for-in and for-of is the former is used to iterate over Object properties and the latter is for iterables like arrays.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (2)

Collapse
 
mohsenalyafei profile image
Mohsen Alyafei β€’

Thanks for the summary of the "for" loops.

Collapse
 
vssj01 profile image
Sri Sai Jyothi β€’

Thank you for reading :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay