La boucle For - In de JavaScript

La boucle For...In de JavaScript

La boucle for... in en JavaScript est utilisée pour manipuler les propriétés d'un objet. Elle peut être un excellent outil de débogage si l'on veut montrer le contenu d'un objet. La boucle for-in ne parcourt que les clés d'un objet dont la propriété énumérable est définie sur "true". Les valeurs des clés d'un objet ont quatre attributs (value, writable, enumerable, configurable). La propriété Enumerable, lorsqu'elle a la valeur "true", signifie que l'on peut manipuler cette propriété .

Points importants : Utilisez la boucle for-in pour manipuler des objets autres que des tableaux.
Même si nous pouvons utiliser la boucle for-in pour un tableau, elle n'est généralement pas recommandée. Utilisez plutôt une boucle pour parcourir un tableau.

Les propriétés manipulées avec la boucle for-in comprennent également les propriétés des objets situés plus haut dans la chaîne Prototype.

L'ordre dans lequel les propriétés sont manipulées peut ne pas correspondre aux propriétés définies dans l'objet.

L’instruction For...In de JavaScript

L’instruction for...in exécute une boucle à travers les éléments d'un tableau dans les propriétés d'un objet.

Syntaxe général de la boucle for ... in :

for (variable in objet)
{
code à exécuter
}

Le compteur de boucle, c'est-à-dire la variable dans la boucle for-in, est une chaîne de caractères et non un nombre. Elle contient le nom de la propriété courante ou l'index de l'élément courant du tableau.

Note: Le code dans le corps de la boucle for...in est exécuté une fois pour chaque élément ou propriété de l’objet. Note: L’argument peut être une variable, un élément d'un array (tableau), ou une propriété d’un objet.

Exemple :
Utilisez le for ... in pour parcourir un tableau:
Exemple

Sélectionner le code


<html>
<body>

<script type="text/javascript">
var x;
var maVoiture = new Array();
maVoiture[0] = "Renault";
maVoiture[1] = "Volvo";
maVoiture[2] = "BMW"; 

for (x in maVoiture)
  {
  document.write("Ma voiture : "+ maVoiture[x] + "<br  />");
  }
</script>

</body>
</html>

Voici un autre exemple qui vous montre comment parcourir en boucle toutes les propriétés d'un objet JavaScript.

Code

Copier le code

<script>
// Déclaration d'un objet  cours    
	const cours = {
        Cours1: "C++ STL",
        Cours2: "JavaScript",
        Cours4: "PHP et MySQL",
		Cours5: "HTML et CSS"
    };
  
/* Création d'un nouvel objet vide avec
 prototype défini comme objet de cours */
    const student1 = Object.create(cours);
  
/* Définition des propriétés et des méthodes de student1 */
    student1.id = 123;
    student1.firstName = "Gerywa";
	student1.Name = "Gery";
 /* Manipuler des propriétés de l'objet
     l'objet student1 */
    for (let prop in student1) {
        document.write(prop + " -> " 
            + student1[prop]+"<br>");
    }
	

</script>

Cours precedent:
Les instructions break et continue javascript