Apprendre 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

Demandez à l'IA

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

Suggested prompts:

Posez-moi des questions sur ce sujet

Résumer ce chapitre

Afficher des exemples du monde réel

Glissez pour afficher le menu

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

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

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

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

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 ?

Awesome!

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 ?

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 ?

Awesome!

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 ?

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