A **for-of loop** is like a [for loop](https://www.educative.io/answers/how-to-execute-a-for-loop-in-javascript) that specializes in iterating through iterable bodies. Iterating through iterable bodies is a very common programming practice, so, having a dedicated loop for it can be very useful.

<br> 

# Example

// Using the traditional for-loop

iterable = [11,22,33,44,55]
 
 for(let i =0; i<iterable.length; i+=1)
 {
     console.log(iterable[i])
 }

// Using the for-of loop

iterable = [11,22,33,44,55]
 
 for(let item of iterable) // The code has been significantly shortened
 {
     console.log(item) // Explicit indexing isn't required
 }

for-of

# For-of vs. for-in
Another loop that does a very similar job is the **for-in** loop. However, it is very important that you do not confuse them.

// Using the for-in loop

iterable = [11,22,33,44,55]
 
 for(let index in iterable) // The for-in loop
 {
     console.log(index) // prints the indices rather than elements
 }

What is a for-of loop in JavaScript?

A for-of loop iterates through iterable bodies in JavaScript, differing from the for-in loop.