How to loop through an array in JavaScript

Table of Contents

JavaScript offers a simple way to loop through, iterate over, or loop through arrays using the for -a-loop function.

The following example will illustrate how JavaScript displays all of the values in an array.

<script>
var fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
    
// Loop through the fruits array and display all the values
for(var i = 0; i < fruits.length; i++){
    document.write("<p>" + fruits[i] + "</p>");
}
</script>

You could also use the ES6 recently introduced for-of loop in order to iterate over an array such as this.

<script>
var fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
    
// Loop through the fruits array and display all the values
for(var fruit of fruits){
    document.write("<p>" + fruit + "</p>");
}
</script>