Objets JavaScript : des bases au CRUD
Les objets JavaScript regroupent des données et des fonctions liées. Au lieu d'utiliser des variables distinctes, vous utilisez des paires clé-valeur.
Considérez une entité comme un étudiant. Un objet représente cette entité dans votre code.
Chaque objet se compose de trois parties :
- Entité : La chose elle-même (ex : un Étudiant).
- État : Ce que l'objet possède (ex : nom, âge). Ce sont des propriétés.
- Comportement : Ce que l'objet fait (ex : étudier). Ce sont des méthodes.
Comment créer des objets :
Littéral d'objet (Object Literal) C'est la méthode la plus courante. Vous utilisez des accolades pour définir l'objet directement. C'est court et facile à lire. let student = { name: "Saravanan", age: 25 };
Constructeur d'objet (Object Constructor) Vous utilisez le mot-clé
newpour construire un objet. let student = new Object(); student.name = "Saravanan";
La plupart des développeurs préfèrent la méthode littérale.
Opérations CRUD :
Vous effectuez quatre tâches de base avec les données d'un objet :
- Créer (Create) : Définir un nouvel objet.
- Lire (Read) : Accéder aux données en utilisant la notation par point (
person.name) ou la notation par crochets (person["name"]). - Mettre à jour (Update) : Modifier une valeur existante (
person.age = 26). - Supprimer (Delete) : Supprimer une propriété en utilisant le mot-clé
delete(delete person.age).
Concepts avancés :
- Méthodes : Une fonction à l'intérieur d'un objet est une méthode. Vous pouvez utiliser une syntaxe abrégée pour les écrire.
- Objets imbriqués : Un objet peut contenir un autre objet à l'intérieur. Cela vous aide à organiser des données complexes comme une adresse.
- Types de données : Les objets peuvent stocker des chaînes de caractères, des nombres, des booléens, des tableaux, des fonctions et d'autres objets.
Résumé de la structure d'un objet :
- name : String
- age : Number
- address : Objet imbriqué
- greet : Méthode (Fonction)
Source : https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg