oujood.com

La boucle For...In de JavaScript

La boucle for... in peut exécuter des commandes à plusieurs reprises. La boucle for... in est couramment utilisée pour la manipulation d'objet

chercher |

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


Exemple :       Copier 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

Exemple :       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>



Par carabde 30 mars 2014 - mis à jour le 31 Janvier 2022



Voir aussi nos tutoriel :

Balise étiquette label

Définit une étiquette pour un élément

Référence MIME

Référence MIME

Formats vidéo

Formats vidéo
Ce chapitre décrit les formats vidéo les plus communs ( ou les plus populaires ).