Les objets

9 janvier, 2023

Développement Javascript Tutoriels

Table des matières Masquer

1 Qu'est-ce qu'un objet en JavaScript ?

2 Comment accéder aux données d'un objet ?

3 Comment modifier les données d'un objet ?

4 Comment ajouter de nouvelles données à un objet ?

5 Comment supprimer des données d'un objet ?

6 Conclusion

Dans le chapitre précédent, nous avons exploré les fonctions en JavaScript, qui nous permettent de définir et d’exécuter du code réutilisable. Dans ce chapitre, nous allons explorer un autre concept important en JavaScript : les objets.

Qu'est-ce qu'un objet en JavaScript ?

Un objet en JavaScript est une structure de données qui permet de stocker et de manipuler des données de manière structurée. Les objets sont similaires aux dictionnaires en Python ou aux hash en Ruby.

Voici un exemple d’objet en JavaScript :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

Les objets en JavaScript peuvent contenir différents types de données, comme des chaînes de caractères, des nombres, des booléens, des fonctions, etc. Voici un exemple d’objet avec différents types de données :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York',
  anciennete: () => {
    return 2020 - this.age;
  }
};

Comment accéder aux données d'un objet ?

Vous pouvez accéder à vos données de deux manières :

const valeur = personne.nom;

Voici un exemple d’utilisation de cette syntaxe :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

console.log(personne.nom); 
// affiche 'John'

const valeur = personne['nom'];

Voici un exemple d’utilisation de cette syntaxe :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

console.log(personne['nom']); 
// affiche 'John'

Comment modifier les données d'un objet ?

Ils existent deux modifier les données d’un objet

personne.nom = 'Jane';

Voici un cas d’utilisation :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

personne.nom = 'Jane';
console.log(personne.nom); 
// affiche 'Jane'

personne['nom'] = 'Jane';

Voici un cas d’utilisation :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

personne['nom'] = 'Jane';
console.log(personne['nom']); 
// affiche 'Jane'

Comment ajouter de nouvelles données à un objet ?

Pour ajouter de nouvelles données à un objet, vous pouvez utiliser les syntaxes suivante :

personne.pays = 'USA';

Par exemple :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

personne.pays = 'USA';
console.log(personne.pays); 
// affiche 'USA'

personne['pays'] = 'USA';

Par exemple :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

personne['pays'] = 'USA';
console.log(personne['pays']); 
// affiche 'USA'

Comment supprimer des données d'un objet ?

Pour supprimer des données d’un objet, vous pouvez utiliser la méthode « delete » de l’objet

delete personne.ville;

Par exemple :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

delete personne.ville;
console.log(personne.ville); 
// affiche undefined

delete personne['ville'];

Par exemple :

const personne = {
  nom: 'John',
  age: 30,
  ville: 'New York'
};

delete personne['ville'];
console.log(personne['ville']); 
// affiche undefined

Conclusion

Les objets en JavaScript sont un outil très puissant et très utile pour manipuler et stocker des données de manière structurée. Ils permettent également de créer des objets plus complexes, tels que des classes, qui seront abordées dans un prochain chapitre de ce tutoriel.