Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Itération d'Objet avec la Boucle for...in | Manipulation Avancée des Objets
Structures de Données JavaScript

book
Itération d'Objet avec la Boucle for...in

Dans cette section, nous explorerons des concepts avancés de travail avec les objets. Plus précisément, nous couvrirons l'itération à travers les objets et les méthodes utiles que JavaScript offre pour travailler efficacement avec les objets. Commençons.

boucle for...in

Pour travailler avec les propriétés d'un objet, y compris les parcourir, nous pouvons utiliser la boucle for...in. Cette boucle nous permet de traverser un objet et d'accéder à ses propriétés et à leurs valeurs.

La boucle for...in est une construction en JavaScript conçue spécifiquement pour itérer sur les propriétés d'un objet. Elle fournit un moyen d'accéder à chaque nom de propriété (clé) et à sa valeur correspondante.

Voici la syntaxe de base de la boucle for...in:

js
for (let key in object) {
  // Code to be executed for each property
}

  • key: Une variable qui contiendra le nom de la propriété actuelle à chaque itération;

  • object: L'objet que nous voulons parcourir.

Itération à travers les propriétés d'un objet en pratique

Considérons un exemple avec un objet représentant une fleur:

js
const flower = {
  genus: "Allium",
  species: "Allium sativum",
  color: "Purple",
  height: 24,
  isEdible: true,
  isBlooming: true,
};

Maintenant, utilisons la boucle for...in pour itérer à travers les propriétés de l'objet flower et afficher chaque nom de propriété et sa valeur:

const 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]}`);
}

              
123456789101112

            
const 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]}`);
}
copy

1. Quel est le but principal de la boucle for...in lorsqu'on travaille avec 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 que vous souhaitez parcourir ?

4. Qu'est-ce qui sera enregistré lors de l'itération à travers les propriétés de l'objet motorbike dans le code ci-dessous ?

question mark

Quel est le but principal de la boucle for...in lorsqu'on travaille avec des objets ?

Select the correct answer

question mark

Que représente la variable key dans la boucle for...in ?

for (let key in object) {
// Code to be executed for each property
}

Select the correct answer

question mark

Quelle partie de la syntaxe de la boucle for...in contient l'objet que vous souhaitez parcourir ?

for (let key in object) {
// Code to be executed for each property
}

Select the correct answer

question mark

Qu'est-ce qui sera enregistré lors de l'itération à travers les propriétés de l'objet motorbike dans le code ci-dessous ?

const motorbike = {
brand: "Honda",
model: "CBR600RR",
year: 2022,
};

for (let key in motorbike) {
console.log(motorbike[key]);
}

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

We use cookies to make your experience better!
some-alt