CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang
CRUD-operasjoner på arrayer og iterasjon; objektliteraler og egenskapstilgang med punktum, hakeparenteser og optional chaining.
CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 1 av 2. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.
Introduksjon
Mål: Håndter arrayer og objekter med enkle og trygge mønstre.
- CRUD for arrayer
- Iterere over verdier
- Tilgang til objekter
Grunnleggende array-CRUD
Bruk push/unshift for å legge til og pop/shift for å fjerne. Hold utskriftene 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 lengde
Bruk tilgang via indeks og length for enkle oppslag.
// 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);
Iterering over arrayer
for…of gir verdiene direkte, mens forEach kaller en funksjon for hver verdi.
// 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 tilgang
Objekter lagrer nøkkel–verdi-par. Bruk tilgang med punktum eller hakeparenteser.
// 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 kjeding og spread
?. unngår feil når en del av en sti mangler. Bruk ...-spread til å klone og slå sammen objekter (senere nøkler overskriver tidligere nøkler).
// 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 array-metoder
Kort sjekk: Legge til på slutten av en array.
Oppsummering
Oppsummering: Her er det øvd på array-CRUD, iterering med for…of/forEach, tilgang til objektegenskaper, valgfri kjeding og kloning/sammenslåing med spread.
Lær deg JavaScript med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 59
- Leksjoner
- 200
Ofte stilte spørsmål
Er leksjonen «CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang» gratis?
Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 2 leksjoner.
Hva lærer jeg i «CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang»?
CRUD-operasjoner på arrayer og iterasjon; objektliteraler og egenskapstilgang med punktum, hakeparenteser og optional chaining. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med JavaScript Academy?
Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 2.
Hvor lang tid tar leksjonen «CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?
Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- CRUD for arrayer, iterasjon, grunnleggende objekter og tilgang
- Kloning og sammenslåing — spread og Object.assign