Array-CRUD og iteration; grundlæggende objekter og adgang
CRUD og iteration over arrays; objektliteraler og egenskabstilgang med punktum, kantede parenteser og optional chaining.
Array-CRUD og iteration; grundlæggende objekter og adgang er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 1 af 2. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 2 lektioner i alt.
Introduktion
Mål: Håndtér arrays og objekter med enkle, sikre mønstre.
- CRUD for arrays
- Gennemløb af værdier
- Adgang til objekter
Grundlæggende CRUD for arrays
Brug push/unshift til at tilføje og pop/shift til at fjerne. Hold uddata korte på mobil.
// 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);
Indeks og længde
Brug adgang via index og length til enkle læsninger.
// 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);
Gennemløb af arrays
for…of giver værdierne direkte, mens forEach kalder en funktion for hver værdi.
// 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);
});
Objektliteraler og adgang
Objekter gemmer nøgleværdi-par. Brug adgang med punktum eller klammeparenteser.
// 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]);
Valgfri kædning og spread
?. undgår fejl, når en sti mangler. Brug ...-spread til at klone og flette objekter (senere nøgler overskriver tidligere).
// 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 om arraymetoder
Hurtigt tjek: Føj noget til slutningen af et array.
Opsummering
Opsummering: Du øvede CRUD for arrays, gennemløb dem med for…of/forEach, fik adgang til objektegenskaber, brugte valgfri kædning og klonede/flettede med spread.
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “Array-CRUD og iteration; grundlæggende objekter og adgang” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Array-CRUD og iteration; grundlæggende objekter og adgang”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 2 lektioner i alt.
Hvad lærer jeg i “Array-CRUD og iteration; grundlæggende objekter og adgang”?
CRUD og iteration over arrays; objektliteraler og egenskabstilgang med punktum, kantede parenteser og optional chaining. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 2.
Hvor lang tid tager lektionen “Array-CRUD og iteration; grundlæggende objekter og adgang”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Array-CRUD og iteration; grundlæggende objekter og adgang
- Kloning og sammenfletning — spread og Object.assign