Apprendre Itération sur les Tableaux avec la Boucle For

La manipulation correcte des tableaux commence par les boucles !

Vous connaissez déjà les tableaux, et vous savez que l’indexation commence à zéro. Vous savez également que dans une boucle for, il est possible d’attribuer n’importe quelle valeur à la variable i. Par exemple, zéro ! Mais que faire si l’on souhaite utiliser une boucle for avec un tableau ? Réfléchissons :

Pour accéder à un élément du tableau, on utilise array[index]; ;
Nous avons la variable i, qui remplace efficacement notre index ;
En combinant ces deux points, on peut conclure que la syntaxe array[i] peut être utilisée à l’intérieur d’une boucle for pour manipuler rapidement un tableau. Observons 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 :

Création d’un tableau de type number avec 10 éléments ;
L’objectif est d’examiner chaque élément du tableau et de déterminer à quel index il se trouve ;
Puisque l’indexation commence à 0, la variable i a initialement la valeur 0. La limite est fixée à la longueur du tableau, soit 10 ;
Sachant que i est l’index de l’élément, on récupère les éléments du tableau et on les affiche à l’écran avec array[i]; ;
Comme i correspond à l’index de l’élément dans le tableau, on indique immédiatement à quel index se trouve chaque élément.

De cette manière, il est possible d’interagir avec le tableau. Fixons-nous un nouvel objectif : 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, ce qui équivaut à i = i + 2, on récupère 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, etc. Notez également qu'avec i, il est possible d'afficher l'indice de l'élément, comme dans l'exemple ci-dessus.

D'ailleurs, il n'est pas nécessaire de compter manuellement la taille du tableau ! Il est possible d'utiliser la propriété array.length. Examinons un exemple, et voyons en même temps comment parcourir le tableau de la fin vers le début (au cas où il serait nécessaire 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 à array.length - 1 car array.length vaut 10, et le dernier élément du tableau a un indice de 9. Cela est dû à l'indexation commençant à zéro.

De plus, il est possible d'utiliser array.length non seulement pour l'initialisation, mais aussi dans la condition. De nombreux exemples différents peuvent être imaginés pour tout cela ; il suffit d'un peu d'imagination et de 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’indice est divisible par 2, cet élément est affiché. Sinon, 'DELETED DATA' est affiché : ce sont les instructions du responsable.

Tout était clair ?

Merci pour vos commentaires !

Section 4. Chapitre 6

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.94

Glissez pour afficher le menu