JavaScript-objecten: Van basis tot CRUD
JavaScript-objecten groeperen gerelateerde gegevens en functies. In plaats van afzonderlijke variabelen te gebruiken, gebruik je sleutel-waardeparen (key-value pairs).
Denk aan een entiteit zoals een student. Een object vertegenwoordigt deze entiteit in je code.
Elk object heeft drie onderdelen:
- Entiteit: Het ding zelf (bijv. een Student).
- Toestand (State): Wat het object heeft (bijv. naam, leeftijd). Dit zijn eigenschappen (properties).
- Gedrag (Behavior): Wat het object doet (bijv. studeren). Dit zijn methoden (methods).
Hoe je objecten maakt:
Object Literal Dit is de meest gebruikelijke manier. Je gebruikt accolades om het object direct te definiëren. Het is kort en gemakkelijk leesbaar.
let student = { name: "Saravanan", age: 25 };Object Constructor Je gebruikt het
new-trefwoord om een object te bouwen.let student = new Object();student.name = "Saravanan";
De meeste ontwikkelaars geven de voorkeur aan de literal-methode.
CRUD-bewerkingen:
Je voert vier basisTaken uit met objectgegevens:
- Create (Maken): Definieer een nieuw object.
- Read (Lezen): Toegang krijgen tot gegevens met behulp van dot-notatie (
person.name) of bracket-notatie (person["name"]). - Update (Bijwerken): Wijzig een bestaande waarde (
person.age = 26). - Delete (Verwijderen): Verwijder een eigenschap met behulp van het
delete-trefwoord (delete person.age).
Geavanceerde concepten:
- Methoden (Methods): Een functie binnen een object is een methode. Je kunt verkorte syntaxis gebruiken om ze te schrijven.
- Geneste objecten (Nested Objects): Een object kan een ander object bevatten. Dit helpt je om complexe gegevens zoals een adres te organiseren.
- Datatypen: Objecten kunnen strings, getallen, booleans, arrays, functies en andere objecten opslaan.
Samenvatting van een objectstructuur:
- name: String
- age: Number
- address: Genest object
- greet: Methode (Functie)
Bron: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg