Contenu du cours

Structures de Données JavaScript

1. Introduction et Prérequis

Introduction au Cours Prérequis pour le Cours Ce Qui Sera Couvert Conseils pour Réussir

2. Fondamentaux des Objets

Comprendre les Objets Création d'Objet Propriétés Imbriquées Défi : Créer un Objet Accéder aux Propriétés de l'Objet Défi : Accéder aux Propriétés de l'Objet Travailler Avec les Propriétés Défi : Modifier et Étendre l'Object Méthodes d'Objet Propriétés dans les Méthodes Défi : Travailler avec les Méthodes d'Object Récapitulatif des Fondamentaux des Objets

3. Manipulation Avancée des Objets

Itération d'Objet avec la Boucle for...in Défi : Explorateur de Propriétés d'Object Méthode hasOwnProperty()Défi : HasOwnProperty() pour l'Itération des Propriétés d'Objet Opérateur de Propagation Défi : Fusionner des Objets et Ajouter des Propriétés Déstructuration d'Objet Défi : Destructuring Récapitulatif de la Manipulation Avancée des Objets

4. Maîtriser les Tableaux

Comprendre les Tableaux Défi : Accesseur d'Élément de Tableau Travailler Avec les Éléments de Tableau Défi : Modificateur d'Élément de Tableau Boucle For Défi : Itération des Éléments du Tableau Boucle for...of Défi : Itération Avec for...of Maîtriser les Tableaux Récapitulatif

5. Opérations Avancées sur les Tableaux

Méthode Map()Défi : Transformation des Éléments du Tableau Méthode Filter()Défi : Filtrer les Étudiants par Notes d'Examen Méthode Find()Défi : Découvrir les Produits en Vedette Méthode sort()Défi : Tri et Extraction de Propriétés Récapitulatif des Opérations Avancées sur les Tableaux Résumé du Cours

Travailler Avec les Propriétés

Examinons trois concepts importants liés au travail avec les propriétés d'objet :

Modifier les valeurs des propriétés;
Ajouter de nouvelles propriétés;
Utiliser des propriétés abrégées.

Modifier les valeurs des propriétés

Après avoir créé un objet, vous pouvez facilement changer les valeurs de ses propriétés. Pour ce faire, nous nous référons simplement à la propriété par son nom, en utilisant la notation par point, et attribuons une nouvelle valeur.

Considérons un exemple avec un objet entreprise :


              12345678910111213141516
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937

Dans cet exemple, nous changeons les valeurs des propriétés industry et founded.year.

Ajout de nouvelles propriétés

Ajouter une nouvelle propriété à un objet n'est pas différent de changer la valeur d'une propriété existante. Si une propriété avec un nom spécifié n'existe pas déjà dans l'objet, elle sera créée.

Considérez l'objet company de l'exemple précédent :


              1234567891011121314
            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda

Dans cet exemple, nous ajoutons la nouvelle propriété founder à l'objet company.

Utilisation des propriétés abrégées

Les propriétés abrégées simplifient le processus de création d'objets, surtout lorsque vous souhaitez utiliser des valeurs de variables ou de paramètres de fonction comme valeurs de propriété.

Cette syntaxe nous permet d'utiliser le nom de la variable comme nom de propriété et sa valeur comme valeur de propriété.

Considérez l'exemple suivant :


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

En utilisant des propriétés abrégées, le même objet peut être créé de manière plus succincte :


              12345678910
            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany

Avec les propriétés abrégées, nous n'avons besoin de spécifier que le nom de la propriété, et la valeur est automatiquement prise à partir d'une variable portant le même nom.

Tout était clair ?

Merci pour vos commentaires !

Section 2. Chapitre 7

Structures de Données JavaScript

Travailler Avec les Propriétés

Modifier les valeurs des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés abrégées

1. Après avoir créé un objet, comment pouvons-nous changer les valeurs de ses propriétés ?

2. Que se passe-t-il lorsque vous tentez de modifier la valeur d'une propriété qui n'existe pas dans un objet en utilisant la notation par point ?

3. Lequel des exemples suivants démontre l'utilisation de propriétés abrégées pour la création d'objets ?

4. Comment pouvez-vous inclure la variable `city` comme propriété de `userLocation` en utilisant des propriétés abrégées ?

Structures de Données JavaScript

Travailler Avec les Propriétés

Modifier les valeurs des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés abrégées

1. Après avoir créé un objet, comment pouvons-nous changer les valeurs de ses propriétés ?

2. Que se passe-t-il lorsque vous tentez de modifier la valeur d'une propriété qui n'existe pas dans un objet en utilisant la notation par point ?

3. Lequel des exemples suivants démontre l'utilisation de propriétés abrégées pour la création d'objets ?

4. Comment pouvez-vous inclure la variable city comme propriété de userLocation en utilisant des propriétés abrégées ?

4. Comment pouvez-vous inclure la variable `city` comme propriété de `userLocation` en utilisant des propriétés abrégées ?