Array-CRUD en iteratie; de basis van objects en toegang
CRUD-bewerkingen en iteratie met arrays; objectliteralen en toegang tot eigenschappen met puntnotatie, bracketnotatie en optional chaining
Array-CRUD en iteratie; de basis van objects en toegang is een gratis JavaScript Academy-les op CoddyKit. Dit is les 1 van 2. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 2 lessen.
Inleiding
Doel: Verwerk arrays en objecten met eenvoudige, veilige patronen.
- CRUD voor arrays
- Waarden doorlopen
- Toegang tot objecten
Basisprincipes van array-CRUD
Gebruik push/unshift om toe te voegen en pop/shift om te verwijderen. Houd de uitvoer kort op mobiel.
// Make an array
const colors = ["red", "green"];
// Add to end
colors.push("blue");
// Add to start
colors.unshift("pink");
// Remove from end
const last = colors.pop();
// Remove from start
const first = colors.shift();
console.log("Colors now:", colors);
console.log("Removed:", first, last);
Index en lengte
Gebruik toegang via een index en length voor eenvoudige leesbewerkingen.
// Read by index and use length
const nums = [10, 20, 30];
console.log("First:", nums[0]);
console.log("Last:", nums[nums.length - 1]);
console.log("Count:", nums.length);
Arrays doorlopen
for…of levert waarden rechtstreeks op; forEach roept voor elke waarde een functie aan.
// Iterate values with for…of
const fruits = ["apple", "banana", "cherry"];
for (const value of fruits) {
console.log("of:", value);
}
// Or use forEach with a small callback
fruits.forEach(function (v) {
console.log("each:", v);
});
Objectliteralen en toegang
Objecten slaan sleutel-waardeparen op. Gebruik toegang via een punt of via blokhaken.
// Create an object with properties
const user = {
name: "Ayla",
level: 1,
active: true
};
// Dot access
console.log("Name:", user.name);
// Bracket access (useful for dynamic keys)
const key = "level";
console.log("Level:", user[key]);
Optionele chaining en spread
?. voorkomt fouten wanneer een pad ontbreekt. Gebruik ... spread om objecten te klonen en samen te voegen (latere sleutels overschrijven eerdere).
// Optional chaining: safely read nested values
const profile = { contact: { email: "ayla@example.com" } };
console.log("Email:", profile.contact?.email);
console.log("Twitter:", profile.social?.twitter);
// Clone and merge with spread
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };
const clone = { ...base };
const merged = { ...base, ...extra };
console.log("Clone:", clone);
console.log("Merged:", merged);
Quiz over arraymethoden
Korte controle: Aan het einde van een array toevoegen.
Samenvatting
Samenvatting: Je hebt array-CRUD geoefend, arrays doorlopen met for…of/forEach, objecteigenschappen benaderd, optionele chaining gebruikt en met spread gekloond en samengevoegd.
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 59
- Lessen
- 200
Veelgestelde vragen
Is de les “Array-CRUD en iteratie; de basis van objects en toegang” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Array-CRUD en iteratie; de basis van objects en toegang”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 2 lessen.
Wat leer ik in “Array-CRUD en iteratie; de basis van objects en toegang”?
CRUD-bewerkingen en iteratie met arrays; objectliteralen en toegang tot eigenschappen met puntnotatie, bracketnotatie en optional chaining Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met JavaScript Academy te beginnen?
Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 2.
Hoe lang duurt de les “Array-CRUD en iteratie; de basis van objects en toegang”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?
Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Array-CRUD en iteratie; de basis van objects en toegang
- Klonen en samenvoegen — spread en Object.assign