JavaScript for Loop

The for loop is the most commonly used loop in JavaScript. It is used when we know in advance how many times we want to execute a specific block of code. It consists of three parts: initialization (counter), condition, and increment (step).

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<body>
    <p id="fruit-list"></p>

    <script>
        const fruits = ["Apple", "Banana", "Orange", "Strawberry", "Kiwi"];
        let output = "<strong>My fruit list:</strong><br>";

        // The for loop goes through the entire fruit array
        for (let i = 0; i < fruits.length; i++) {
            output += "Fruit at index " + i + " is: " + fruits[i] + "<br>";
        }

        document.getElementById("fruit-list").innerHTML = output;
    </script>
</body>
</html>

RESULT