Boucle `for` Avec des Tableaux

La manipulation correcte des tableaux commence par les boucles !

Vous savez déjà ce que sont les tableaux, et que l'indexation dans ceux-ci commence à zéro. Vous savez également que dans une boucle for, nous pouvons attribuer n'importe quelle valeur à la variable i. Par exemple, zéro ! Mais que se passe-t-il s'il est pratique pour nous d'utiliser une boucle for avec un tableau ? Réfléchissons-y :

Si nous devons récupérer un élément du tableau, nous utilisons array[index];;
Nous avons la variable i, qui remplace efficacement notre index;
En combinant les deux points ci-dessus, nous pouvons conclure que nous pouvons utiliser la syntaxe array[i] à l'intérieur d'une boucle for pour travailler rapidement avec un tableau. Regardons un exemple :


              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]}`)
}

Analysons ce qui se passe dans le code ci-dessus :

Nous créons un tableau de type number avec 10 éléments ;
Notre objectif est d'inspecter chaque élément du tableau et de trouver à quel index il est situé ;
Puisque l'indexation dans le tableau commence à 0, notre variable i a initialement une valeur de 0. Nous fixons également la limite égale à la longueur du tableau, qui est de 10 ;
Sachant que i est l'index de l'élément, nous récupérons les éléments du tableau et les affichons à l'écran en utilisant array[i]; ;
Puisque i est l'index de l'élément dans le tableau, nous montrons immédiatement avec quel index un élément particulier est situé.

De cette façon, nous pouvons interagir avec le tableau. Fixons-nous une tâche différente : récupérer chaque élément situé à un index pair dans ce tableau :


              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]}`)
}

En utilisant i+=2, qui est équivalent à i = i + 2, nous récupérons chaque élément du tableau situé à un indice pair. En d'autres termes, l'indice de l'élément doit être divisible par 2. Ces indices sont 0, 2, 4, 6, et ainsi de suite. Notez également qu'avec i, nous pouvons afficher l'indice de l'élément, comme nous l'avons fait dans l'exemple ci-dessus.

D'ailleurs, nous n'avons pas besoin de compter manuellement la taille du tableau ! Nous pouvons utiliser la propriété du tableau array.length. Jetons un coup d'œil à un exemple, et en même temps, voyons comment itérer à travers le tableau de la fin au début (au cas où vous auriez besoin de parcourir le tableau en ordre inverse).


              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]}`)
}

Dans l'exemple ci-dessus, nous avons initialisé i comme array.length - 1 parce que array.length est 10, et le dernier élément du tableau a un index de 9. C'est à cause de l'indexation basée sur zéro.

De plus, vous pouvez utiliser array.length non seulement pour l'initialisation mais aussi dans la condition. Il existe de nombreux exemples différents que vous pouvez imaginer pour tout cela ; tout ce dont vous avez besoin est un peu d'imagination et des cas d'utilisation spécifiques. Par exemple :


              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]")
    }
}

Si la valeur de la longueur du tableau moins l'index est divisible par 2, nous affichons cet élément. Sinon, nous affichons 'DELETED DATA' - ce sont les ordres du patron.

Tout était clair ?

Merci pour vos commentaires !

Section 4. Chapitre 6