𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗 -> Objets JavaScript : des bases au CRUD
Les objets JavaScript stockent ensemble des données et de la logique. Vous les utilisez pour regrouper des informations liées en un seul endroit.
Considérez un objet comme une entité du monde réel.
Une entité est une chose que vous pouvez identifier. Un étudiant est une entité. Un objet possède deux parties :
- État : Ce que l'objet possède. (Nom, Âge)
- Comportement : Ce que l'objet fait. (Étudier, Assister au cours)
Dans le code, l'état est appelé une propriété. Le comportement est appelé une méthode.
Comment créer des objets
Il existe deux manières principales de construire un objet.
Objet littéral Cette méthode utilise des accolades. C'est la méthode la plus courante. Elle est courte et propre. let student = { name: "Saravanan", age: 25 };
Constructeur d'objet Cette méthode utilise le mot-clé
new. let student = new Object(); student.name = "Saravanan";
La plupart des développeurs utilisent la méthode littérale car elle est plus facile à lire.
Les opérations CRUD
Vous gérez les données dans les objets en utilisant quatre actions de base :
- Créer (Create) : Définir un nouvel objet.
- Lire (Read) : Accéder aux données en utilisant la notation par point (student.name) ou la notation par crochets (student["name"]).
- Mettre à jour (Update) : Modifier une valeur (student.age = 26).
- Supprimer (Delete) : Supprimer une propriété en utilisant le mot-clé
delete(delete student.age).
Fonctionnalités avancées des objets
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. let person = { greet() { console.log("Hello"); } };
Objets imbriqués Un objet peut contenir un autre objet. Il s'agit d'un objet imbriqué. let person = { address: { city: "Chennai", state: "Tamil Nadu" } }; Vous y accédez de cette manière : person.address.city.
Les objets peuvent stocker de nombreux types :
- Chaînes de caractères (Strings)
- Nombres (Numbers)
- Booléens (Booleans)
- Tableaux (Arrays)
- Fonctions (Functions)
- Autres objets (Other objects)
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg