𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗
JavaScript-objecten slaan gegevens en logica samen op. Je gebruikt ze om gerelateerde informatie op één plek te groeperen.
Zie een object als een entiteit uit de echte wereld.
Een entiteit is iets dat je kunt identificeren. Een student is een entiteit. Een object heeft twee onderdelen:
- Toestand (State): Wat het object heeft. (Naam, Leeftijd)
- Gedrag (Behavior): Wat het object doet. (Studeren, De les volgen)
In code wordt de toestand een 'property' (eigenschap) genoemd. Gedrag wordt een 'method' (methode) genoemd.
Hoe je objecten maakt
Er zijn twee hoofdmethode om een object te maken.
Object Literal Hiervoor worden accolades gebruikt. Dit is de meest gebruikte methode. Het is kort en overzichtelijk.
let student = { name: "Saravanan", age: 25 };Object Constructor Hiervoor wordt het
new-trefwoord gebruikt.let student = new Object();student.name = "Saravanan";
De meeste ontwikkelaars gebruiken de literal-methode omdat deze makkelijker te lezen is.
De CRUD-bewerkingen
Je beheert gegevens in objecten met behulp van vier basisacties:
- Create (Maken): Definieer een nieuw object.
- Read (Lezen): Toegang krijgen tot gegevens via dot-notatie (
student.name) of bracket-notatie (student["name"]). - Update (Bijwerken): Een waarde wijzigen (
student.age = 26). - Delete (Verwijderen): Een property verwijderen met het
delete-trefwoord (delete student.age).
Geavanceerde objectfuncties
Methoden
Een functie binnen een object is een methode. Je kunt een verkorte schrijfwijze gebruiken om ze te schrijven.
let person = { greet() { console.log("Hello"); } };
Geneste objecten
Een object kan een ander object bevatten. Dit is een genest object.
let person = { address: { city: "Chennai", state: "Tamil Nadu" } };
Je krijgt er zo toegang toe: person.address.city.
Objecten kunnen veel verschillende types opslaan:
- Strings
- Getallen (Numbers)
- Booleans
- Arrays
- Functies (Functions)
- Andere objecten
Bron: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg