Contenu du cours
Structures de Données JavaScript
Structures de Données JavaScript
1. Introduction et Prérequis
2. Fondamentaux des Objets
Comprendre les ObjetsCréation d'ObjetPropriétés ImbriquéesDéfi : Créer un ObjetAccéder aux Propriétés de l'ObjetDéfi : Accéder aux Propriétés de l'ObjetTravailler Avec les PropriétésDéfi : Modifier et Étendre l'ObjectMéthodes d'ObjetPropriétés dans les MéthodesDéfi : Travailler avec les Méthodes d'ObjectRécapitulatif des Fondamentaux des Objets
3. Manipulation Avancée des Objets
Itération d'Objet avec la Boucle for...inDéfi : Explorateur de Propriétés d'ObjectMéthode hasOwnProperty()Défi : HasOwnProperty() pour l'Itération des Propriétés d'ObjetOpérateur de PropagationDéfi : Fusionner des Objets et Ajouter des PropriétésDéstructuration d'ObjetDéfi : DestructuringRécapitulatif de la Manipulation Avancée des Objets
5. Opérations Avancées sur les Tableaux
Défi : Fusionner des Objets et Ajouter des Propriétés
Tâche
Créez un script qui effectue les tâches suivantes :
- Fusionnez les propriétés de deux objets,
personInfo
etjobInfo
, et stockez-les dans un nouvel objet nomméfullInfo
. - Ajoutez une nouvelle propriété à l'objet
fullInfo
nomméeisRetired
avec une valeur defalse
. - Utilisez une boucle
for...in
pour parcourirfullInfo
, et enregistrez chaque propriété et sa valeur correspondante au format :[property]: [value]
.
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; // Task 1: merge two objects const fullInfo = { ...___, ___, ___: ___, // Task 2: add the property }; // Task 3: log each property and its value for (let key in ___) { console.log(`${___}:`, ___[key]); }
Résultat attendu :
- Utilisez l'opérateur de propagation (
{ ... }
) pour fusionner les propriétés depersonInfo
etjobInfo
dansfullInfo
. - Après la fusion, ajoutez une nouvelle propriété à
fullInfo
. - Itérez à travers
fullInfo
en utilisant une bouclefor...in
pour afficher les propriétés et leurs valeurs.
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; const fullInfo = { ...personInfo, ...jobInfo, isRetired: false, }; for (let key in fullInfo) { console.log(`${key}:`, fullInfo[key]); }
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 6