Arrays und Objekte: erstellen, lesen, ändern

Speichere mehrere Werte in Arrays, beschreibe Entitäten mit Objekten und lerne dann, sie zu lesen und zu ändern.

8 Min. · 3 Fragen

Bisher enthielt jede Variable einen einzigen Wert. Ein Array ist eine geordnete Liste von Werten, geschrieben zwischen eckigen Klammern [ ], mit durch Kommas getrennten Werten. Jeder Wert sitzt an einer nummerierten Position, die Index heißt. Achtung: Die Nummerierung beginnt bei 0. Das erste Element steht also an Index 0, das zweite an Index 1, und so weiter. Die Eigenschaft length gibt die Anzahl der Elemente an.

const fruits = ["apple", "banana", "cherry"];

console.log(fruits[0]);     // Prints: apple
console.log(fruits[2]);     // Prints: cherry
console.log(fruits.length); // Prints: 3

Ein Array lässt sich leicht ändern. Die Methode push(...) fügt am Ende ein Element hinzu; eine Methode ist eine an einen Wert gebundene Funktion, die du mit einem Punkt aufrufst. Und die Schreibweise fruits[0] = ... ersetzt das Element am angegebenen Index.

const fruits = ["apple", "banana"];

fruits.push("cherry"); // Adds at the end
fruits[0] = "pear";    // Replaces the first one
console.log(fruits);
// Prints: ["pear", "banana", "cherry"]

Ein Objekt gruppiert mehrere zusammengehörige Informationen als Schlüssel-Wert-Paare zwischen geschweiften Klammern { }. Der Schlüssel ist ein Name, wie die Beschriftung eines Feldes, und der Wert ist die zugehörige Angabe. Es eignet sich perfekt, um eine alltägliche Entität zu beschreiben: eine Person, ein Produkt, einen Film... Du liest oder änderst eine Eigenschaft mit einem Punkt, zum Beispiel user.name, und du kannst jederzeit eine neue Eigenschaft hinzufügen.

const user = {
  name: "Léa",
  age: 28
};

console.log(user.name); // Prints: Léa
user.age = 29;          // Modifies the property
user.city = "Lyon";     // Adds a property
console.log(user.age);  // Prints: 29
console.log(user.city); // Prints: Lyon

Wissenscheck

Stelle sicher, dass du die wichtigsten Punkte dieser Lektion behalten hast.

1. Wie liest du das erste Element eines Arrays namens fruits?
   • fruits[1]
   • fruits[0]
   • fruits.first
2. Welche Methode fügt am Ende eines Arrays ein Element hinzu?
   • push()
   • add()
   • append()
   • insert()
3. Wie liest du die Eigenschaft name des Objekts user?
   • user.name
   • name.user
   • user->name