Itération de tableaux [Initiation au JavaScript]

Itération de tableaux

Définition : for(... of ...)

Boucle autant de fois qu'il y a d'éléments indexés (index numérique) dans le tableau.

A chaque tour, la variable de boucle contient une valeur du tableau dans l'ordre des index.

for(let valeur of tableau) {
  action;
}

for(let valeur of tableau) {
  action;
}

Exemple : Testez

See the Pen cours-js-iteration-for-of by BCMM-W2D (@bcmm-w2d) on CodePen.

For of

val : au premier tour contient la première valeur du tableau, au deuxième la deuxième et ainsi de suite.

Exemple : Testez

Les tableaux associatifs n'existant pas en javascript, la boucle for of ne fait défiler que les indices numériques.

See the Pen cours-js-iteration-for-of-associatif by BCMM-W2D (@bcmm-w2d) on CodePen.

For of associatif

Seul les index numériques sont visibles pour le for of.

Définition : for(... in ...)

La boucle for in permet de faire défiler les propriétés d'un objet.

for(let valeur in objet) {
  action;
}

for(let valeur in objet) {
  action;
}

Exemple : Testez

See the Pen cours-js-iteration-for-in by BCMM-W2D (@bcmm-w2d) on CodePen.

For in

Affiche les index du tableau.

Exemple : Testez

See the Pen cours-js-iteration-for-in-associatif by BCMM-W2D (@bcmm-w2d) on CodePen.

For in associatif

Pour notre pseudo tableau associatif, à chaque tour, la variable de boucle contient une propriété de notre objet tableau dans l'ordre des index numériques puis dans l'ordre de création. Les index de type numérique sont convertis en String