La boucle JavaScript for..of

Lefor...ofloop est ma façon préférée de boucler en JavaScript.

Il combine la concision deforEachboucles avec la capacité de se casser.

La syntaxe est la suivante:

const list = ['a', 'b', 'c']

for (const item of list) { console.log(item) }

Vous pouvez interrompre à tout moment en utilisantbreak:

const list = ['a', 'b', 'c']

for (const item of list) { console.log(item) if (item === ‘b’) break }

Vous pouvez ignorer une itération en utilisantcontinue:

const list = ['a', 'b', 'c']

for (const item of list) { if (item === ‘b’) continue console.log(item) }

Vous pouvez obtenir l'index d'une itération en utilisantentries():

const list = ['a', 'b', 'c']

for (const [index, value] of list.entries()) { console.log(index) //index console.log(value) //value }

Notez l'utilisation deconst. Lefor..ofloop crée une nouvelle portée à chaque itération, nous pouvons donc l'utiliser en toute sécurité au lieu delet.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: