Accueil » Blog » Les boucles for en Typescript

Les boucles for en Typescript

Le saviez-vous ? Il existe 3 types de boucles en Typescript. Découvrez-les dans cet article !

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.

Etienne Passot

C'est grâce à l'immense communauté de développeurs dans le monde entier que l'on peut accéder à des ressources librement, partout et tout le temps. J'ai donc décidé d'apporter ma contribution à cette incroyable communauté en écrivant des articles sur divers sujet comme Javascript, Typescript, Nuxt, Vue ...

Post navigation
Copy link