Impara Iterazione sugli Array con il Ciclo For

La corretta manipolazione degli array inizia con i cicli!

Conosci già cosa sono gli array e che l'indicizzazione in essi parte da zero. Sai anche che in un ciclo for possiamo assegnare qualsiasi valore alla variabile i. Ad esempio, zero! Ma cosa succede se ci è comodo utilizzare un ciclo for insieme a un array? Riflettiamo:

Se dobbiamo recuperare un elemento dall'array, usiamo array[index];;
Abbiamo la variabile i, che di fatto sostituisce il nostro indice;
Combinando i due punti sopra, possiamo concludere che possiamo utilizzare la sintassi array[i] all'interno di un ciclo for per lavorare rapidamente con un array. Vediamo un esempio:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i++) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Analizziamo cosa succede nel codice sopra:

Creiamo un array di tipo number con 10 elementi;
L'obiettivo è ispezionare ogni elemento dell'array e trovare a quale indice si trova;
Poiché l'indicizzazione nell'array parte da 0, la nostra variabile i inizialmente ha valore 0. Impostiamo anche il limite uguale alla lunghezza dell'array, che è 10;
Sapendo che i è l'indice dell'elemento, recuperiamo gli elementi dell'array e li visualizziamo a schermo usando array[i];;
Poiché i è l'indice dell'elemento nell'array, mostriamo immediatamente con quale indice si trova un determinato elemento.

In questo modo possiamo interagire con l'array. Poniamoci ora un compito diverso: recuperare ogni elemento che si trova a un indice pari in questo array:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i+=2) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Utilizzando i+=2, che equivale a i = i + 2, si recupera ogni elemento dell'array che si trova in una posizione di indice pari. In altre parole, l'indice dell'elemento deve essere divisibile per 2. Tali indici sono 0, 2, 4, 6 e così via. Nota anche che con i è possibile visualizzare l'indice dell'elemento, come mostrato nell'esempio sopra.

A proposito, non è necessario contare manualmente la dimensione dell'array! Si può utilizzare la proprietà dell'array array.length. Vediamo un esempio e, allo stesso tempo, osserviamo come iterare sull'array dalla fine all'inizio (nel caso sia necessario attraversare l'array in ordine inverso).


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = array.length - 1; i >= 0; i--) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Nell'esempio sopra, abbiamo inizializzato i come array.length - 1 perché array.length è 10 e l'ultimo elemento dell'array ha indice 9. Tutto ciò è dovuto all'indicizzazione che parte da zero.

Inoltre, è possibile utilizzare array.length non solo per l'inizializzazione ma anche all'interno della condizione. Esistono molti esempi diversi che si possono creare per tutto questo; basta un po' di immaginazione e casi d'uso specifici. Ad esempio:


              123456789
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < array.length; i++) {
    if ((array.length - i) % 2 == 0) {
        console.log(`The ${i} element in the array is ${array[i]}`)
    } else {
        console.log("[DELETED DATA]")
    }
}

Se il valore della lunghezza dell'array meno l'indice è divisibile per 2, viene visualizzato quell'elemento. Altrimenti, viene visualizzato 'DELETED DATA' - sono gli ordini del capo.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.94

Scorri per mostrare il menu