Itération sur les Propriétés d'Objet avec la Boucle for...in
Dans cette section, nous allons explorer des concepts avancés liés à la manipulation des objets. Plus précisément, nous aborderons l'itération sur les objets ainsi que les méthodes utiles que JavaScript propose pour travailler efficacement avec eux. Commençons.
Boucle for...in
Pour manipuler les propriétés d'un objet, y compris pour les parcourir, nous pouvons utiliser la boucle for...in. Cette boucle permet de traverser un objet et d'accéder à ses propriétés ainsi qu'à leurs valeurs.
La boucle for...in est une structure en JavaScript conçue spécifiquement pour itérer sur les propriétés d’un objet. Elle permet d’accéder à chaque nom de propriété (clé) ainsi qu’à sa valeur correspondante.
Voici la syntaxe de base de la boucle for...in :
for (let key in object) {
// Code to be executed for each property
}
key: Variable qui contiendra le nom de la propriété courante à chaque itération ;object: Objet à parcourir.
Parcours des propriétés d’un objet en pratique
Considérons un exemple avec un objet représentant une fleur :
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Utilisons maintenant la boucle for...in pour parcourir les propriétés de l’objet flower et afficher chaque nom de propriété ainsi que sa valeur :
123456789101112const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
1. Quel est le principal objectif de la boucle for...in lors de la manipulation des objets ?
2. Que représente la variable key dans la boucle for...in ?
3. Quelle partie de la syntaxe de la boucle for...in contient l’objet à parcourir ?
4. Que sera affiché lors de l’itération sur les propriétés de l’objet motorbike dans le code ci-dessous ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you explain what the output of this code will look like?
What happens if the object has properties inherited from its prototype?
Can you show how to skip certain properties during iteration?
Awesome!
Completion rate improved to 2.27Itération sur les Propriétés d'Objet avec la Boucle for...in
Glissez pour afficher le menu
Dans cette section, nous allons explorer des concepts avancés liés à la manipulation des objets. Plus précisément, nous aborderons l'itération sur les objets ainsi que les méthodes utiles que JavaScript propose pour travailler efficacement avec eux. Commençons.
Boucle for...in
Pour manipuler les propriétés d'un objet, y compris pour les parcourir, nous pouvons utiliser la boucle for...in. Cette boucle permet de traverser un objet et d'accéder à ses propriétés ainsi qu'à leurs valeurs.
La boucle for...in est une structure en JavaScript conçue spécifiquement pour itérer sur les propriétés d’un objet. Elle permet d’accéder à chaque nom de propriété (clé) ainsi qu’à sa valeur correspondante.
Voici la syntaxe de base de la boucle for...in :
for (let key in object) {
// Code to be executed for each property
}
key: Variable qui contiendra le nom de la propriété courante à chaque itération ;object: Objet à parcourir.
Parcours des propriétés d’un objet en pratique
Considérons un exemple avec un objet représentant une fleur :
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Utilisons maintenant la boucle for...in pour parcourir les propriétés de l’objet flower et afficher chaque nom de propriété ainsi que sa valeur :
123456789101112const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
1. Quel est le principal objectif de la boucle for...in lors de la manipulation des objets ?
2. Que représente la variable key dans la boucle for...in ?
3. Quelle partie de la syntaxe de la boucle for...in contient l’objet à parcourir ?
4. Que sera affiché lors de l’itération sur les propriétés de l’objet motorbike dans le code ci-dessous ?
Merci pour vos commentaires !
