Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:08] – angelegt kdemirci
+++ modul:ffit:js:learningunits:lu01:arrays-und-objekte [2024/10/24 07:26] (aktuell) – kdemirci
@@ Zeile 21: / Zeile 21: @@
 console.log(gemischt[1]); // "Hallo"
 </code>
+==== Methoden zum Hinzufügen neuer Werte in ein Array ====
+=== push(): Am Ende des Arrays hinzufügen ===
+Die Methode **push()** fügt ein oder mehrere Elemente an das Ende des Arrays an.
+<code javascript>
+zahlen.push(6);
+console.log(zahlen); // [1, 2, 3, 4, 5, 6]
+</code>
+=== unshift(): Am Anfang des Arrays hinzufügen ===
+Die Methode **unshift()** fügt ein oder mehrere Elemente an den Anfang des Arrays an.
+<code javascript>
+zahlen.unshift(0);
+console.log(zahlen); // [0, 1, 2, 3, 4, 5, 6]
+</code>
+=== Direkte Zuweisung eines Werts ===
+Du kannst auch direkt einen Wert an einer bestimmten Position eines Arrays zuweisen, indem du den Index angibst.
+<code javascript>
+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>