JavaScript Anfänger Tag 7: Arrays & Objekte

Ziel dieses Tages

Heute wirst du lernen:

• Wie man mehrere Werte mit Arrays speichert
• Wie man Daten mit Objekten gruppiert

Am Ende kannst du Daten effizient in JavaScript organisieren.

Schritt 1: Arrays

Arrays speichern mehrere Werte in einer Variable.

let fruits = ["apple", "banana", "orange"];

console.log(fruits[0]); // apple

Erklärung:

• Arrays verwenden eckige Klammern []
• Der Index beginnt bei 0

Schritt 2: Objekte

Objekte speichern zusammengehörige Daten als Schlüssel-Wert-Paare.

let person = {
  name: "John",
  age: 25
};

console.log(person.name); // John

Erklärung:

• Objekte verwenden geschweifte Klammern {}
• Daten werden als key: value gespeichert

Schritt 3: Arrays und Objekte kombinieren

Du kannst Objekte in Arrays speichern.

let people = [
  { name: "John", age: 25 },
  { name: "Alice", age: 30 }
];

console.log(people[0].name); // John

Übung

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]);

let person = {
  name: "John",
  age: 25
};

Aufgabe

Löse folgende Aufgaben:

• Erstelle ein Array mit 5 Hobbys
• Erstelle ein Objekt über dich selbst

Beispiel:

// Array mit Hobbys
let hobbies = ["Gaming", "Coding", "Lesen", "Sport", "Musik"];

// Objekt über dich selbst
let me = {
  name: "Alex",
  age: 18,
  hobby: "Coding"
};

console.log(hobbies);
console.log(me);