Il ciclo degli array in JavaScript è un'operazione fondamentale, essenziale per la manipolazione dei dati, l'iterazione e l'applicazione di funzioni agli elementi. Questa guida illustra metodi efficaci per eseguire il looping degli array, migliorando le tue capacità di codifica.
JavaScript offre diversi metodi per attraversare gli array, ciascuno con le sue caratteristiche e casi d'uso unici. Esaminiamo questi metodi in dettaglio:
Tabella dei contenuti
- 1. Utilizzando il metodo forEach()
- 2. Utilizzando l'istruzione for...of
- 3. Utilizzo del ciclo for di base
- 4. Utilizzo del ciclo While
1. Utilizzando il metodo forEach()
IL per ciascuno() Il metodo viene utilizzato per eseguire il codice per ciascun elemento dell'array eseguendo il looping su ciascuno di essi.
Sintassi:
array.forEach( arrayElement =>{ // Righe di codice da eseguire });>Esempio: In questo esempio, eseguiremo il loop di un array utilizzando il metodo forEach() e stamperemo i valori.
Javascript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; arr.forEach(element =>{ console.log(elemento); }); } loopArray();> Produzione
Item 1 Item 2 Item 3 Item 4 Item 5>
2. Utilizzando l'istruzione for...of
IL per…di può essere utilizzata per scorrere oggetti iterabili ed eseguire le funzioni richieste. Gli oggetti iterabili includono array, stringhe e altri oggetti simili ad array.
Sintassi:
for (arrayElement of array) { // Lines of code to execute }>Esempio: In questo esempio, eseguiremo il loop di un array utilizzando l'istruzione for..of e stamperemo i valori.
Javascript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (element of arr) { console.log(element); } } loopArray();> Produzione
Item 1 Item 2 Item 3 Item 4 Item 5>
3. Utilizzo del ciclo for di base
Il predefinito per ciclo può essere utilizzato per scorrere l'array ed è possibile accedere a ciascun elemento tramite il rispettivo indice.
rom
Sintassi:
for (i = 0; i // Lines of code to execute }>
Esempio: In questo esempio, eseguiremo il loop di un array utilizzando il ciclo for e stamperemo i valori.
Javascript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (i = 0; i < arr.length; i++) { console.log(arr[i]); } } loopArray();> Produzione
Item 1 Item 2 Item 3 Item 4 Item 5>
4. Utilizzo del ciclo While
UN Mentre Ciclo In JavaScript è un'istruzione del flusso di controllo che consente l'esecuzione ripetuta del codice in base alla condizione booleana specificata. Il ciclo while viene utilizzato per scorrere l'array.
Esempio: In questo esempio, stiamo utilizzando Mentre Ciclo .
Javascript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; let length = arr.length; while (length>0) { console.log(arr[arr.lunghezza - lunghezza]); lunghezza--; } } loopArray();> Produzione
Item 1 Item 2 Item 3 Item 4 Item 5>
5. Utilizzo dell'istruzione for…in
IL per..in può essere utilizzata per scorrere gli oggetti e possiamo svelare le proprietà degli oggetti uno per uno accedendo a ciascuna chiave per esplorarne i valori nascosti.
Sintassi:
for (let index in array) { // Access the element using array[index] }>Esempio: In questo esempio, eseguiremo il loop di un array utilizzando l'istruzione for..in e stamperemo i valori.
Javascript function loopArray() { let arr = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']; for (let index in arr) { console.log(arr[index]); // Access the element using its index } } loopArray();> Produzione
Item 1 Item 2 Item 3 Item 4 Item 5>
Le tecniche di iterazione degli array in JavaScript sono essenziali per una gestione efficace dei dati. Questa guida ne introduce l'importanza e i prerequisiti, ponendo le basi per spiegazioni dettagliate del metodo. Concentrandoti su applicazioni pratiche, puoi migliorare la tua competenza JavaScript e l'efficienza del codice.