Der Spread-Operator Teil 2
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 19 von 65.
Der Spread-Operator kann Objekte (JSON) zusammenführen:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Jetzt wird completeProfile alle vier Schlüssel haben: name, age, company und position:
console.log(completeProfile);
// Ausgabe: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}Es kann beim Kopieren auch neue Eigenschaften hinzufügen und bestehende Eigenschaften überschreiben:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Aufgabe
EinfachErstelle eine Funktion namens mergeCars, die zwei Auto-Objekte als Parameter entgegennimmt. Die Funktion soll die Eigenschaften des zweiten Autos mit den Eigenschaften des ersten Autos zusammenführen und ein neues Auto-Objekt zurückgeben, ohne eines der ursprünglichen Objekte zu verändern.
Spickzettel
Der Spread-Operator kann Objekte zusammenführen:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Er kann beim Kopieren auch neue Eigenschaften hinzufügen und bestehende Eigenschaften überschreiben:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Probier es selbst
function mergeCars(car1, car2) {
// Code hier schreiben
}
// Nichts außerhalb der Funktion schreibenDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
String-GrundlagenÜber Strings iterierenTemplate LiteralsString-MethodenRückblick – String Weaver4JSON Teil 2
Über JSON iterierenVerschachteltes JSONJSON Optional ChainingFlache und tiefe KopieWiederholung – FahrradladenWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen2Mehrdimensionale Arrays
Grundlagen zu 2D-ArraysZugriff auf 2D-Array-ElementeVerschachtelte Schleifen mit 2D-ArraysRückblick – 2D-ArraysMatrix-Addition & SubtraktionJagged Arrays3D-Arrays und mehrGängige 2D-Array-MusterRückblick – Alles über Arrays5Sets Teil 1
Was ist ein Set?Iterieren über SetsEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element existiertGröße und Is EmptyCopy und ClearZusammenfassung - Grundlagen von Sets8Arrays: Interessante Themen
Array-DestrukturierungSpread-Syntax in ArraysSparse ArraysWiederholung – Arrays Workshop3JSON Teil 1
Was ist JSON?Prüfen, ob Key existiertObjektmethodenDer Spread-Operator Teil 1Der Spread-Operator Teil 2Keys entfernenWiederholung – JSON-Keys manipulieren