0Pricing
JavaScript Academy · Lektion

Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte

Array-CRUD und Iteration; Objekt-Literale und Eigenschaftszugriff mit Punkt-, Klammer- und optionaler Verkettung

Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 2. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 2 Lektionen.

Einführung

Ziel: Behandeln Sie Arrays und Objekte mit einfachen, sicheren Mustern.

  • Array-CRUD
  • Werte durchlaufen
  • Auf Objekte zugreifen
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 1

Grundlagen des Array-CRUD

Verwenden Sie push/unshift zum Hinzufügen und pop/shift zum Entfernen. Halten Sie Ausgaben für Mobilgeräte kurz.

// 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);
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 2

Index und Länge

Verwenden Sie den Zugriff über den Index und length für einfache Lesezugriffe.

// 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);
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 3

Array durchlaufen

for…of liefert Werte direkt; forEach ruft für jeden Wert eine Funktion auf.

// 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);
});
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 4

Objektliterale und Zugriff

Objekte speichern Schlüssel-Wert-Paare. Verwenden Sie den Punktzugriff oder den Klammerzugriff.

// 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]);
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 5

Optional Chaining und Spread

?. verhindert Fehler, wenn ein Pfad fehlt. Verwenden Sie ... zum Kopieren und Zusammenführen von Objekten (spätere Schlüssel überschreiben frühere).

// 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);
Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 6

Quiz zu Array-Methoden

Schnelltest: Am Ende eines Arrays hinzufügen.

Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 7

Zusammenfassung

Zusammenfassung: Sie haben Array-CRUD geübt, Arrays mit for…of/forEach durchlaufen, auf Objekteigenschaften zugegriffen, Optional Chaining verwendet sowie mit Spread kopiert und zusammengeführt.

Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte“ kostenlos?

Ja — der vollständige Text von „Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 2 Lektionen.

Was lerne ich in „Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte“?

Array-CRUD und Iteration; Objekt-Literale und Eigenschaftszugriff mit Punkt-, Klammer- und optionaler Verkettung Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 2.

Wie lange dauert die Lektion „Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Array-CRUD und Iteration; Grundlagen und Zugriff auf Objekte
  2. Klonen und Zusammenführen – spread und Object.assign
← Zurück zu JavaScript Academy