modul:ffit:js:learningunits:lu01:arrays-und-objekte

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:14] kdemircimodul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:26] (aktuell) kdemirci
Zeile 67: Zeile 67:
 console.log(neuesArray); // [0, 1, 2, 10, 3, 4, 5, 6, 7, 8, 9, 11, 12] console.log(neuesArray); // [0, 1, 2, 10, 3, 4, 5, 6, 7, 8, 9, 11, 12]
 </code> </code>
 +
 +===== Objekte =====
 +Ein Objekt in JavaScript ist eine Sammlung von Schlüssel-Wert-Paaren. Jeder Schlüssel (oder auch "Property") ist ein eindeutiger Bezeichner, und jeder Wert kann ein beliebiger Datentyp sein, einschliesslich anderer Objekte oder Arrays.
 +
 +==== Erstellen eines Objekts ====
 +Ein Objekt kann durch eine einfache Notation mit geschweiften Klammern erstellt werden:
 +<code javascript>
 +const person = {
 +  name: "Max",
 +  alter: 25,
 +  beruf: "Entwickler"
 +};
 +</code>
 +In diesem Beispiel hat das Objekt person drei Eigenschaften: name, alter und beruf, denen entsprechende Werte zugewiesen sind.
 +
 +==== Zugriff auf Eigenschaften ====
 +Du kannst auf die Eigenschaften eines Objekts entweder über den Punkt-Operator oder die eckigen Klammern zugreifen:
 +<code javascript>
 +console.log(person.name); // "Max"
 +console.log(person["alter"]); // 25
 +</code>
 +
 +==== Methoden zum Hinzufügen oder Ändern von Werten in einem Objekt ====
 +=== Direkte Zuweisung ===
 +Du kannst einem Objekt neue Eigenschaften hinzufügen oder bestehende Eigenschaften ändern, indem du einfach einen Wert zuweist.
 +<code javascript>
 +person.nationalitaet = "Schweizer";
 +console.log(person.nationalitaet); // "Schweizer"
 +</code>
 +
 +=== Spread-Syntax für Objekte ===
 +Ähnlich wie bei Arrays kannst du mit der Spread-Syntax ein Objekt duplizieren und neue Eigenschaften hinzufügen.
 +<code javascript>
 +const neuePerson = { ...person, geschlecht: "männlich" };
 +console.log(neuePerson);
 +// { name: 'Max', alter: 25, beruf: 'Entwickler', nationalitaet: 'Schweizer', geschlecht: 'männlich' }
 +</code>
 +
 +=== Object.assign(): Objekte kombinieren ===
 +Die Methode Object.assign() kopiert die Eigenschaften eines oder mehrerer Objekte in ein Zielobjekt.
 +<code javascript>
 +const weitereEigenschaften = { hobby: "Schwimmen", sprache: "Deutsch" };
 +Object.assign(person, weitereEigenschaften);
 +console.log(person);
 +// { name: 'Max', alter: 25, beruf: 'Entwickler', nationalitaet: 'Schweizer', hobby: 'Schwimmen', sprache: 'Deutsch' }
 +</code>
 +
  • modul/ffit/js/learningunits/lu01/arrays-und-objekte.1729746898.txt.gz
  • Zuletzt geändert: 2024/10/24 07:14
  • von kdemirci