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 enthalten: 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.
Probier es selbst
function mergeCars(car1, car2) {
// Code hier schreiben
}
// Nichts außerhalb der Funktion schreiben
Teste dich selbstDiese 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
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Nach Titel suchenNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeitenÜbe selbstständig: Online-JavaScript-Compiler