<\/p>\n\n\n\n
There are at least 3 different ways to loop over arrays in JavaScript. The three we will go over in this article are the<\/p>\n\n\n\n
The forEach takes a callback function that is executed for element of the array. The callback function’s first argument is the element of the array.<\/p>\n\n\n\n
const myArray = [\"First\", \"Second\", \"Third\"]\n\nmyArray.forEach(function(myElement, index, array) {\n console.log(`My Element is ${myElement}, index is ${index}, and array is {$array}`\n}<\/code><\/pre>\n\n\n\nCouple things to note about forEach<\/p>\n\n\n\n
\n- You can not break out of the loop, it has to go through every element in the array.<\/li>\n\n\n\n
- It is a higher order function<\/li>\n\n\n\n
- The first argument is the array element, the second is the index, and the 3rd is the array itself<\/li>\n<\/ol>\n\n\n\n
Using for of to loop through an array<\/h2>\n\n\n\n
Using the for of loop, we can loop through the array with<\/p>\n\n\n\n
const myArray = [\"First\", \"Second\", \"Third\"]\n\nfor (const [i, myElement] of myArray) {\n console.log(`My Element is ${myElement}, index is ${i}`)\n}<\/code><\/pre>\n\n\n\nLooping through an array with a for loop<\/h2>\n\n\n\n
And using just a simple for loop, we can do<\/p>\n\n\n\n
const myArray = [\"First\", \"Second\", \"Third\"]\n\nfor (let i = 0; i < myArray.length; i++) {\n console.log(`My Element is ${myarray[i]}, index is ${i}`)\n}<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n\n\n\n
https:\/\/stackoverflow.com\/questions\/50844095\/should-one-use-for-of-or-foreach-when-iterating-through-an-array<\/a><\/p>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
There are at least 3 different ways to loop over arrays in JavaScript. The three we will go over in this article are the Using forEach to loop through an array The forEach takes a callback function that is executed … Continue reading