Array-CRUD och iteration; grunderna i objekt och åtkomst
CRUD-operationer och iteration över arrayer; objektliteraler och egenskapsåtkomst med punktnotation, hakparenteser och valfri kedjning.
Array-CRUD och iteration; grunderna i objekt och åtkomst är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 1 av 2. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 2 lektioner.
Introduktion
Mål: Hantera arrayer och objekt med enkla, säkra mönster.
- CRUD för arrayer
- Iterera över värden
- Åtkomst till objekt
Grunderna i CRUD för arrayer
Använd push/unshift för att lägga till och pop/shift för att ta bort. Håll utskrifter korta på mobilen.
// 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 och längd
Använd åtkomst via index och length för enkla avläsningar.
// 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);
Iterera över arrayer
for…of ger värdena direkt, medan forEach anropar en funktion för varje värde.
// 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 och åtkomst
Objekt lagrar nyckel–värde-par. Använd åtkomst med punkt eller hakparenteser.
// 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]);
Optional chaining och spread
?. förhindrar fel när en sökväg saknas. Använd ...-spread för att klona och sammanfoga objekt (senare nycklar skriver över tidigare).
// 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
Snabb kontroll: Lägg till sist i en array.
Sammanfattning
Sammanfattning: Du övade på CRUD för arrayer, itererade med for…of/forEach, läste objektegenskaper, använde optional chaining och klonade/sammanfogade med spread.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Array-CRUD och iteration; grunderna i objekt och åtkomst” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Array-CRUD och iteration; grunderna i objekt och åtkomst”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 2 lektioner.
Vad lär jag mig i ”Array-CRUD och iteration; grunderna i objekt och åtkomst”?
CRUD-operationer och iteration över arrayer; objektliteraler och egenskapsåtkomst med punktnotation, hakparenteser och valfri kedjning. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 2.
Hur lång tid tar lektionen ”Array-CRUD och iteration; grunderna i objekt och åtkomst”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Array-CRUD och iteration; grunderna i objekt och åtkomst
- Kloning och sammanslagning — spread och Object.assign