
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.