Apprendre Gestion des Propriétés d'Objet | Fondamentaux des Objets JavaScript

Examinons trois concepts importants liés à la gestion des propriétés d'objet :

Modification des valeurs de propriété ;
Ajout de nouvelles propriétés ;
Utilisation des propriétés abrégées.

Modification des valeurs de propriété

Après avoir créé un objet, il est possible de modifier facilement les valeurs de ses propriétés. Pour cela, il suffit de référencer la propriété par son nom, en utilisant la notation par point, puis d'attribuer une nouvelle valeur.

Prenons un exemple avec un objet company :


              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, les valeurs des propriétés industry et founded.year sont modifiées.

Ajout de nouvelles propriétés

L’ajout d’une nouvelle propriété à un objet s’effectue de la même manière que la modification de la valeur d’une propriété existante. Si une propriété portant le nom spécifié n’existe pas déjà dans l’objet, elle sera créée.

Considérer 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, en particulier lorsque l'on souhaite utiliser des valeurs de variables ou de paramètres de fonction comme valeurs de propriétés.

Cette syntaxe 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 les propriétés abrégées, le même objet peut être créé de manière plus concise :


              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, il suffit d’indiquer 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

Demandez à l'IA

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

Suggested prompts:

Can you explain more about shorthand properties and when to use them?

What happens if I try to modify a property that doesn't exist yet?

Can you show more examples of adding or modifying nested object properties?

Awesome!

Completion rate improved to 2.27

Glissez pour afficher le menu

Examinons trois concepts importants liés à la gestion des propriétés d'objet :

Modification des valeurs de propriété ;
Ajout de nouvelles propriétés ;
Utilisation des propriétés abrégées.

Modification des valeurs de propriété

Prenons un exemple avec un objet company :


              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, les valeurs des propriétés industry et founded.year sont modifiées.

Ajout de nouvelles propriétés

Considérer 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

Cette syntaxe 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 les propriétés abrégées, le même objet peut être créé de manière plus concise :


              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, il suffit d’indiquer 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

Gestion des Propriétés d'Objet

Modification des valeurs de propriété

Ajout de nouvelles propriétés

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

1. Après avoir créé un objet, comment peut-on modifier 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 illustre l’utilisation des propriétés raccourcies lors de la création d’un objet ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe raccourcie ?

Awesome!

Gestion des Propriétés d'Objet

Modification des valeurs de propriété

Ajout de nouvelles propriétés

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

1. Après avoir créé un objet, comment peut-on modifier 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 illustre l’utilisation des propriétés raccourcies lors de la création d’un objet ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe raccourcie ?

Gestion des Propriétés d'Objet

Modification des valeurs de propriété

Ajout de nouvelles propriétés

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

1. Après avoir créé un objet, comment peut-on modifier 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 illustre l’utilisation des propriétés raccourcies lors de la création d’un objet ?

4. Comment inclure la variable city comme propriété de userLocation en utilisant la syntaxe raccourcie ?

Awesome!

Gestion des Propriétés d'Objet

Modification des valeurs de propriété

Ajout de nouvelles propriétés

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

1. Après avoir créé un objet, comment peut-on modifier 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 illustre l’utilisation des propriétés raccourcies lors de la création d’un objet ?

4. Comment inclure la variable city comme propriété de userLocation en utilisant la syntaxe raccourcie ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe raccourcie ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe raccourcie ?