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
<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: |
Sommaire : |
Cours suivant: |
La méthode secrète likes sans fin sur Facebook
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENTGRÂCE À FACEBOOK
N'A JAMAIS ÉTÉ SI FACILE
Consulter
