Retourner à la page d'accueil de TJS

Opérateur : of

Parcours des valeurs des propriétés d'un objet avec la boucle for of

Syntaxe
for (valeur of objet) { /* Traitements */ }

Attention, incompatible avec Internet Explorer
ES6
ECMAScript 2015

Description
Associé à for, of permet de parcourir l'ensemble des propriétés d'un objet.

Il existe aussi la boucle for associée à in.

Cette boucle n'existe pas sous Internet Explorer. Il est donc recommandé de l'éviter.


Exemple 1 : Différences entre la boucle for in et for of
Code source
<script>
var tableau=["bleu", "blanc", "rouge"];
console.log("Boucle for in");
for (propriete in tableau) {
 console.log(propriete+" : "+tableau[propriete]);
}
console.log("Boucle for of");
for (propriete of tableau) {
 console.log(propriete);
}
</script>

Résultat
Emulation de la console
Explication
Différences entre la boucle for in et for of

La boucle for of retourne directement la valeur de la propriété.

Exemple 2 : Parcourir les éléments d'un ensemble Set
Code source
<script type="text/javascript">
 const jours=new Set(["Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim"]);
 for (value of jours) {
   console.log(value);
 }
</script>

Résultat
Emulation de la console
Explication
La boucle for of permet d'accéder à tous les éléments d'un ensemble Set.
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 09/07/2020 09:15:00 sur php7 en 178.1 ms