How to Loop Over an Array in JavaScript

Written by Rahul, Updated on November 8, 2015

This tutorial will help you to initialize an array using JavaScript and navigate to array with one by one elements in a loop. Here you will find two methods for navigating through an array in JavaScript.

Method 1 – Using For Loop

Sometimes you may like to use older ways that is easy to use. This is simple c programming like for loop, easy to use and works perfect.

&lt;script type=&quot;text/javascript&quot;&gt;

   var index;
   var arr = [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;];
   for (index = 0; index &lt; arr.length; ++index) {
      console.log(arr[index]);
   }

&lt;/script&gt;

var index;

var arr = ["Jan", "Feb", "Mar", "Apr"];

for (index = 0; index < arr.length; ++index) {

console.log(arr[index]);

}

</script>

Method 2 – Using forEach

The forEach function calls callbackfn function one time for each element present in the array, in ascending index order. This is also useful for navigating through an array.
JavaScript forEach() function is also useful for navigating though array elements.

&lt;script type=&quot;text/javascript&quot;&gt;

   var arr = [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;];
   arr.forEach(function(entry) {
      console.log(entry);
   });

&lt;/script&gt;

var arr = ["Jan", "Feb", "Mar", "Apr"];

arr.forEach(function(entry) {

console.log(entry);

});

</script>

Method 1 – Using For Loop

Method 2 – Using forEach

Rahul

Leave a Reply