Come loop/iterare attraverso un array in JavaScript

I loop sono componenti chiave di ogni linguaggio di programmazione. Sono usati per eseguire lo stesso codice o logica ancora e ancora in un ciclo. Di solito i loop hanno un valore dell'indice che è diverso ogni volta che il ciclo si ripete. Esistono diversi tipi di loop disponibili in JavaScript che ci aiutano a iterare su un array. Un array è una raccolta che viene utilizzata per archiviare elementi diversi; Un esempio di array in JavaScript è:

const nams = ['John', 'Chris', 'Harry'];

Per ottenere un elemento da questo array forniamo solo l'indice e il nome dell'array:

console.log (nomi [2]);

Questo restituirà "Harry" mentre l'indicizzazione parte da 0.

Abbiamo visto che possiamo ottenere un elemento da un array specificando un numero di indice. Ma sarebbe troppo frenetico se ci fossero 100 nomi nell'array sopra menzionato. La soluzione sta usando loop; I loop possono facilmente gestire array con numerose voci. Questo post si concentra su come possiamo usare i loop JavaScript per iterare su un array per essere un programmatore efficiente.

Nota: La console del browser viene utilizzata per la dimostrazione di esempi in questo articolo.

Come iterare attraverso un array usando JavaScript per loop

A per loop è un ciclo che ripete un'azione fintanto che una determinata condizione è vera. Quando la condizione diventa falsa, il ciclo si rompe. La sintassi di per loop in JavaScript è simile a quella in Java o C; La sintassi più semplice per loop è:

for (inizializzare la variabile; alcune condizioni; incrementi/decrementi variabili)
// qualche codice da eseguire

Esempio di iteraio attraverso un ciclo per un array è:

const nams = ['John', 'Chris', 'Harry'];
per (let indice = 0; indice < names.length; index++)
console.log (nomi [2]);

Per prima cosa abbiamo dichiarato un array denominato nomi, quindi un ciclo per loop e inizializzato una variabile chiamata indice all'interno del ciclo for; Questo fungerà da indice per l'array. Successivamente, abbiamo messo la condizione che il ciclo dovrebbe funzionare fino a quando non è una lunghezza in meno della lunghezza dell'array I-e da 0 a 2 (3 volte in totale). L'ultima parentesi dice al ciclo che per ogni ciclo incrementa l'indice di 1. Ogni ciclo del ciclo, We Console ha registrato gli elementi dell'array uno per uno usando la variabile inizializzata che è indice.

Per dirla semplicemente, il ciclo inizia dall'indice 0 ° e quindi la lunghezza dell'array viene selezionata. Se la condizione è vera, allora loop esegue il blocco di codice all'interno delle parentesi che è la registrazione della console. Dopo questo, incrementa "indice" e quindi controlla di nuovo la condizione. Lo stesso ciclo si ripete fino a quando la condizione specificata non è più vera.

Come iterare attraverso un array usando JavaScript mentre loop

Sintatticamente, JavaScript mentre loop è anche simile a C o Java mentre loop. Esempio di iterando un array usando While Loop in JavaScript è:

const nams = ['John', 'Chris', 'Harry'];
indice = 0;
mentre (indiceconsole.log (nomi [indice]);
indice ++;

Come iterare attraverso un array usando javascript per/di loop

Il ciclo per/di di più viene utilizzato per loop attraverso gli elementi/elementi di un array:

const nams = ['John', 'Chris', 'Harry'];
per (nome dei nomi)
console.log (nome);

Come iterare attraverso un array usando javascript forea loop

Il metodo foreach () chiama o esegue una funzione di callback specificata per ciascun elemento nell'array. Ci vogliono tre argomenti; L'elemento/elemento corrente, indice e l'array stesso.

const nams = ['John', 'Chris', 'Harry'];
nomi.foreach (element =>
console.log (elemento);
);

Nell'esempio sopra abbiamo usato una funzione freccia che prende l'elemento corrente dell'array come argomento all'interno del .Foreach () Loop to Console.registrare ogni elemento.

Come iterare attraverso un array usando il metodo mappa in javascript

Il metodo Map () itera su un array creando un nuovo array. Per ogni elemento nell'array originale, esegue una funzione i.e. la freccia funzione con num come argomento nell'esempio seguente. Non cambia l'array originale. Supponiamo ora che abbiamo una serie di numeri da 1 a 5. Vogliamo che ogni numero si moltiplichi per 2. Possiamo raggiungere questo problema come segue:

let table1 = [1,2,3,4,5];
let table2 = table1.mappa (num => num * 2);
console.log (tabella2);

Come iterare attraverso un array usando ogni metodo in JavaScript

Ogni metodo () verifica se ogni elemento dell'array passa una condizione implementata dalla funzione fornita; esegue una funzione una volta per ogni elemento. Restituisce vero o falso a seconda che ogni elemento abbia superato il test o no:

const islessTanten = (CurrentValue) => CurrentValue < 10;
const arr = [1, 3, 4, 3, 5, 7];
console.registro (arr.ogni (islessthanten));

Ora se cambiamo l'array nell'esempio sopra:

const arr = [1, 3, 16, 3, 5, 7];

Conclusione

In JavaScript array sono un tipo di dati utilizzato per archiviare tipi simili di dati; Questi dati possono essere facilmente accessibili e manipolati utilizzando diversi loop e metodi forniti da JavaScript. In questo post abbiamo coperto le basi dell'iterazione su un array in JavaScript. Abbiamo anche discusso di iterare attraverso un array da per, mentre, per/di, foreach () loop, map () e ogni () metodo.

Questi non sono gli unici metodi che possono essere usati per iterare su un array. Ce ne sono dozzine di più. Quelli di cui abbiamo discusso sono i metodi ampiamente utilizzati dagli sviluppatori che si ipotizzano su un array.