Passare il numero d'ordine nella callback in JavaScript
Facciamo in modo che, se nella nostra funzione di callback è scritto un secondo parametro, in esso venga inserito il numero d'ordine dell'elemento nell'insieme di elementi trovato:
forEach('.elem', function(elem, index) {
console.log(elem); // visualizzerà l'elemento
console.log(index); // visualizzerà il numero d'ordine dell'elemento
});
Utilizzando questo parametro possiamo, ad esempio, aggiungere alla fine di ogni elemento il suo numero d'ordine:
forEach('.elem', function(elem, index) {
elem.textContent = elem.textContent + index;
});
Modifichiamo il codice della nostra funzione forEach per realizzare quanto descritto:
function forEach(selector, func) {
let elems = document.querySelectorAll(selector);
for (let i = 0; i < elems.length; i++) {
func(elems[i], i);
}
}
Sono dati dei paragrafi. Utilizzando la funzione
forEach da noi creata,
aggiungi all'inizio di ogni paragrafo il suo numero d'ordine.