for-of:
- Introduced in ES6
- Usually a loop has counter, check-condition, updating counter. A for-of loop doesn't have anything like that.
- continue-break both can be used with it.
- Meant to give us current element.
fruits = ['banana','apple','peach','orange','mango','guava','water-melon']; for(const item of fruits){ console.log(item); } 'banana' 'apple' 'peach' 'orange' 'mango' 'guava' 'water-melon' - If an array if looped over in the form of array.entries(), then the result will be each element in form of an array with index : value. for(const item of fruits.entries()){ console.log(item); } [ 0, 'banana' ] [ 1, 'apple' ] [ 2, 'peach' ] [ 3, 'orange' ] [ 4, 'mango' ] [ 5, 'guava' ] [ 6, 'water-melon' ] // Transform it into a single array comprising of sub-arrays: fruits.entries(); // Object [Array Iterator] {} [...fruits.entries()]; // [ [ 0, 'banana' ], [ 1, 'apple' ], [ 2, 'peach' ], [ 3, 'orange' ], [ 4, 'mango' ], [ 5, 'guava' ], [ 6, 'water-melon' ] ] // Transform into a single array using for-of loop: -> Method 1 for(const item of fruits.entries()){ console.log(`${item[0] + 1} : ${item[1]}`); } // '1 : banana' '2 : apple' '3 : peach' '4 : orange' '5 : mango' '6 : guava' '7 : water-melon' -> Method 2 for(const [i,el] of fruits.entries()){ console.log(`${i + 1} : ${el}`); } // '1 : banana' '2 : apple' '3 : peach' '4 : orange' '5 : mango' '6 : guava' '7 : water-melon'