Overeenkomst tussen for-lus en forEach-lus bij introductie forEach()

voorbeeld_forEach.js

const steden = ['Emmen', 'Amersfoort', 'Alkmaar', 'IJmuiden', 'Hilversum', 'Zaandam', 'Hoofddorp', 'Hoorn', 'Medemblik', 'Leiden', 'Almere']

document.body.innerHTML = '<h1>Steden</h1>';

// forEach - lus
steden.forEach(stad => {
    document.body.innerHTML += stad;
    document.body.innerHTML += '<br>';
});

voorbeeld_forLus.js

const steden = ['Emmen', 'Amersfoort', 'Alkmaar', 'IJmuiden', 'Hilversum', 'Zaandam', 'Hoofddorp', 'Hoorn', 'Medemblik', 'Leiden', 'Almere']

document.body.innerHTML = '<h1>Steden</h1>';

// for-lus
for( let i=0; i<steden.length; i++ ) {
    document.body.innerHTML += steden[i];
    document.body.innerHTML += '<br>';
}

Dit is een eerste kennismaking met de forEach();
Kopieer eenvan beide scripts en plak die in de console van je webbrowser.
Na het vernieuwen van de browser kun je dat ook met het andere scriptje doen en je ziet hetzelfde resultaat.