Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:11] – kdemirci
+++ modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:26] (aktuell) – kdemirci
@@ Zeile 43: / Zeile 43: @@
 zahlen[7] = 7;
 console.log(zahlen); // [0, 1, 2, 3, 4, 5, 6, 7]
+</code>
+=== splice(): An beliebiger Position hinzufügen oder löschen ===
+Die Methode splice() erlaubt das Einfügen, Ersetzen oder Löschen von Elementen an einer beliebigen Stelle im Array.
+<code javascript>
+zahlen.splice(3, 0, 10); // An Index 3 einfügen, ohne Elemente zu löschen
+console.log(zahlen); // [0, 1, 2, 10, 3, 4, 5, 6, 7]
+</code>
+=== concat(): Arrays kombinieren ===
+Die Methode concat() kombiniert zwei oder mehr Arrays zu einem neuen Array.
+<code javascript>
+const mehrZahlen = [8, 9];
+const alleZahlen = zahlen.concat(mehrZahlen);
+console.log(alleZahlen); // [0, 1, 2, 10, 3, 4, 5, 6, 7, 8, 9]
+</code>
+=== Spread-Syntax (...): Ein Array in ein anderes Array einfügen ===
+Die Spread-Syntax ermöglicht das Einfügen eines Arrays in ein anderes Array:
+<code javascript>
+const nochMehrZahlen = [11, 12];
+const neuesArray = [...alleZahlen, ...nochMehrZahlen];
+console.log(neuesArray); // [0, 1, 2, 10, 3, 4, 5, 6, 7, 8, 9, 11, 12]
+</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>