Les boucles for en Typescript

Aujourd’hui, nous allons aborder les boucles for en Typescript. Nous allons voir qu’il existe plusieurs types de boucles.

A quoi sert une boucle for en Typescript ?

Une boucle for exécute un morceau de code jusqu’à ce que la condition associée soit remplie.

En Typescript, il existe 3 types de boucles for :

for
for…in
for…of

La syntaxe de la boucle for en Typescript

La boucle for la plus répandue en Typescript (et dans la grande majorité des autres langages) et la boucle for classique. La syntaxe est :

for (;;) /*initialisation*/ /*condition*/ /*exécution*/ {
  // code exécuté
}

initialisation : Code lancé avant l’exécution de la boucle. C’est généralement ici que l’on initialise notre variable d’itération.

condition : Tant que cette condition est fausse, la boucle est exécutée.

exécution : Action exécutée à chaque itération de boucle. La plus part du temps, on incrémente notre itérateur.

Voici un exemple de l’utilisation d’une boucle for :

for (let i = 0; i < 3; i++) {
  console.log(i)
}

Sortie :

0
1
2

La boucle for…in en Typescript

La boucle for...in s’utilise avec un tableau et permet d’itérer sur celui-ci en renvoyant l’index de chaque itération.

Par exemple :

const tab = [12, 34, 56, 78]

for (const index in tab) {
  console.log(index) // Affiche : 0, 1, 2, 3
}

On peut donc récuperer chaque item du tableau avec :

const tab = [12, 34, 56, 78]

for (const index in tab) {
  console.log(tab[index]) // Affiche : 12, 34, 56, 78
}

La boucle for…of en Typescript

La boucle for...of est très similaire à la boucle for...in sauf qu’elle renvoie directement l’item du tableau.

const tab = [12, 34, 56, 78]

for (const item of tab) {
  console.log(item) // Affiche : 12, 34, 56, 78
}

Dans cet article, nous avons découvert les trois types de boucle for que l’on peut utiliser en Typescript. Il est important de noter qu’il existe aussi la boucle while dont nous aurons l’occasion de reparler prochainement.