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

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>



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

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

fonction stripcslashes, stripcslashes

D code une chaîne encodée avec addcslashes

Balise time

Définit une date / heure

fonction soundex

Calcule la clé soundex



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci