L'iterazione sugli array in JavaScript è un'attività fondamentale che gli sviluppatori eseguono spesso. JavaScript fornisce diversi metodi per scorrere gli array, inclusi for, forEach(), map(), filter(), reduce() e for…of. Ciascun metodo presenta casi d'uso, vantaggi e best practice specifici. Questa guida esplora questi diversi metodi di iterazione degli array, dimostrando come eseguire efficacemente il looping degli array per manipolare e accedere ai relativi elementi in JavaScript.

Esistono molti modi per scorrere un array in JavaScript:

Tabella dei contenuti

• 1. Utilizzo del metodo console.log()
• 2. Utilizzo del ciclo for
• 3. Utilizzo del ciclo while
• 4. Utilizzo del metodo forEach()
• 5. Utilizzo del metodo Every()
• 6. Utilizzo del metodo map()
• 7. Utilizzo del metodo filter()
• 8. Utilizzo del metodo reduce()
• 9. Utilizzo del metodo some()
• 10. Utilizzo del metodo entry()

1. Utilizzo del metodo console.log()

Esempio: In questo esempio, accederemo a semplici elementi di un array utilizzando il loro numero di indice.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]); 

geeks 4 geeks 

Esistono diversi modi in cui è possibile eseguire l'iterazione su un array in JavaScript. Quelli più utili sono menzionati di seguito.

2. Utilizzo del ciclo for

IL per Ciclo esegue ripetutamente una serie di istruzioni fino a quando la condizione data diventa falsa. È simile ai loop in altri linguaggi come C/C++, Java, ecc.

Esempio: In questo esempio stiamo utilizzando il ciclo for per l'iterazione di un array.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index  < array.length; index++) {  console.log(array[index]); } 

1 2 3 4 5 6 

3. Utilizzo del ciclo while

UN ciclo while in JavaScript è un'istruzione del flusso di controllo che consente l'esecuzione ripetuta del codice in base alla condizione booleana specificata.

Esempio: In questo esempio stiamo utilizzando il ciclo while per l'iterazione di un array.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index  < array.length) {  console.log(array[index]);  index++; } 

1 2 3 4 5 6 

4. Utilizzo del metodo forEach()

IL Metodo forEach() chiama la funzione fornita una volta per ogni elemento dell'array nell'ordine.

Esempio: In questo esempio stiamo utilizzando il metodo forEach() per l'iterazione di un array.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); } 

1 2 3 4 5 6 

5. Utilizzo del metodo Every()

IL ogni() Metodo controlla se tutti gli elementi in un array superano un test (fornito come funzione).

Esempio: In questo esempio stiamo utilizzando il metodo Every() per l'iterazione di un array.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>X < 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); } 

At least one element is not less than 5 

6. Utilizzo del metodo map()

UN metodo map() applica una funzione su ogni elemento e quindi restituisce il nuovo array.

Esempio: In questo esempio stiamo utilizzando il metodo map() per l'iterazione di un array.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Matematica.pow(x, 2); quadrato = array.map(quadrato); console.log(array); console.log(quadrato); 

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 

7. Utilizzo del metodo filter()

metodo filter() viene utilizzato per filtrare i valori da un array e restituire il nuovo array filtrato.

Esempio: In questo esempio stiamo utilizzando il metodo filter() per l'iterazione di un array.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x%2 === 0; let pari = array.filter(pari); console.log(array); console.log(pari); 

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ] 

8. Utilizzo del metodo reduce()

metodo reduce() viene utilizzato per ridurre l'array in un singolo valore utilizzando una logica funzionale.

Esempio: In questo esempio stiamo utilizzando il metodo reduce() per l'iterazione di un array.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + valuta; const somma = array.reduce(helperSum, 0); console.log(array) console.log(somma); 

[ 1, 2, 3, 4, 5, 6 ] 21 

9. Utilizzo del metodo some()

alcuni() Metodo viene utilizzato per verificare se alcuni valori dell'array superano un test.

Esempio: In questo esempio stiamo utilizzando il metodo some() per l'iterazione di un array.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>elemento < 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') } 

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4 

10. Utilizzo del metodo entry()

Il metodo items() restituisce un nuovo oggetto Array Iterator che contiene le coppie chiave/valore per ciascun indice nell'array. Questo può essere utilizzato per accedere sia all'indice che al valore di ciascun elemento.

Esempio: In questo esempio, stiamo utilizzando il metodo items() per l'iterazione di un array.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 

0 1 1 2 2 3 3 4 4 5 5 6