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 des propriétés ;
Ajout de nouvelles propriétés ;
Utilisation des propriétés en notation abrégée.

Modification des valeurs des propriétés

Après la création d'un objet, il est possible de mettre à jour facilement l'une de ses propriétés. Pour modifier une valeur, utilisez la notation par point et assignez une nouvelle valeur à la propriété souhaitée.


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

Ajout de nouvelles propriétés

L'ajout d'une propriété ne diffère pas de sa modification. Si le nom de la propriété n'existe pas, JavaScript la crée automatiquement.


              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, la nouvelle propriété founder est ajoutée à l'objet company.

Utilisation des propriétés raccourcies

Les propriétés raccourcies permettent de créer des objets de manière plus concise. Lorsque le nom de la propriété et le nom de la variable sont identiques, JavaScript permet d'éviter la répétition.


              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 properties?

Glissez pour afficher le menu

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

Modification des valeurs des propriétés ;
Ajout de nouvelles propriétés ;
Utilisation des propriétés en notation abrégée.

Modification des valeurs des propriétés


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

Ajout de nouvelles propriétés

L'ajout d'une propriété ne diffère pas de sa modification. Si le nom de la propriété n'existe pas, JavaScript la crée automatiquement.


              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, la nouvelle propriété founder est ajoutée à l'objet company.

Utilisation des propriétés raccourcies


              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 des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés raccourcies

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 abrégées lors de la création d'un objet ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe abrégée des propriétés ?

Gestion des Propriétés d'Objet

Modification des valeurs des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés raccourcies

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 abrégées lors de la création d'un objet ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe abrégée des propriétés ?

Gestion des Propriétés d'Objet

Modification des valeurs des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés raccourcies

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 abrégées lors de la création d'un objet ?

4. Comment inclure la variable city comme propriété de userLocation en utilisant la syntaxe abrégée des propriétés ?

Gestion des Propriétés d'Objet

Modification des valeurs des propriétés

Ajout de nouvelles propriétés

Utilisation des propriétés raccourcies

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 abrégées lors de la création d'un objet ?

4. Comment inclure la variable city comme propriété de userLocation en utilisant la syntaxe abrégée des propriétés ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe abrégée des propriétés ?

4. Comment inclure la variable `city` comme propriété de `userLocation` en utilisant la syntaxe abrégée des propriétés ?