How to loop through an array in JavaScript

Topic: JavaScript / jQueryPrev|Next

Answer: Use the JavaScript for Loop

The easiest way to loop through or iterate over an array in JavaScript is using the for loop.

The following example will show you how to display all the values of an array in JavaScript one by one.

<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>

Alternatively, you can use the ES6 newly introduced for-of loop to iterate over an array, like 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>

See the tutorial on JavaScript ES6 features to learn about the new features introduced in ES6.

Related FAQ

Here are some more FAQ related to this topic:

• How to create a string by joining the elements of an array in JavaScript
• How to check if a value exists in an array in JavaScript
• How to remove duplicate values from a JavaScript array