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

Club Affiliation Facile -PUB: 7JOURS -Webmarketing

PROMO ! CLUB AFFILIATION FACILE : lien publicitaire affiché pendant 1 semaine sur plusieurs sites à fort trafic, partage des commissions 1TPE et SystemeIO, plus de 20000 produits.

publicitaire affiché pendant 1 semaine


SITES RÉMUNÉRATEURS

Ces sites web "pépites" vous payent entre 500 et 1000 euros par mois pour effectuer de petites tâches simples !

site web qui paye


Voir aussi nos tutoriel :

Arrière-plans de CSS3

Apprendrez les propriétés d'arrière-plan suivantes :
background-sizeélt
background-origin
Plusieurs Images d’arrière plans
Apprendrez également comment utiliser plusieurs images d'arrière-plan.

border-left-color

Définit la couleur de la bordure gauche

fonction strtoupper, strtoupper

Renvoie une chaîne en majuscules