Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Objekte Mit Dem Spread-Operator Kombinieren | Fortgeschrittene Techniken Zur Objektmanipulation
Javascript Datenstrukturen

bookHerausforderung: Objekte Mit Dem Spread-Operator Kombinieren

Aufgabe

Ein Skript erstellen, das die folgenden Aufgaben ausführt:

  • Die Eigenschaften von zwei Objekten, personInfo und jobInfo, zusammenführen und in einem neuen Objekt namens fullInfo speichern.
  • Dem Objekt fullInfo eine neue Eigenschaft namens isRetired mit dem Wert false hinzufügen.
  • Eine for...in-Schleife verwenden, um durch fullInfo zu iterieren und jede Eigenschaft sowie deren Wert im Format [property]: [value] auszugeben.
12345678910111213141516171819202122
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; // Task 1: merge two objects const fullInfo = { ...___, ___, ___: ___, // Task 2: add the property }; // Task 3: log each property and its value for (let key in ___) { console.log(`${___}:`, ___[key]); }
copy

Erwartete Ausgabe:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Den Spread-Operator ({ ... }) verwenden, um Eigenschaften aus personInfo und jobInfo in fullInfo zu kombinieren.
  2. Nach dem Zusammenführen eine neue Eigenschaft zu fullInfo hinzufügen.
  3. Mit einer fullInfo-Schleife durch for...in iterieren, um die Eigenschaften und deren Werte auszugeben.
1234567891011121314151617181920
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; const fullInfo = { ...personInfo, ...jobInfo, isRetired: false, }; for (let key in fullInfo) { console.log(`${key}:`, fullInfo[key]); }
copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain how the spread operator works in this context?

What would happen if both objects had a property with the same name?

Can you show how to add more properties to the merged object?

Awesome!

Completion rate improved to 2.27

bookHerausforderung: Objekte Mit Dem Spread-Operator Kombinieren

Swipe um das Menü anzuzeigen

Aufgabe

Ein Skript erstellen, das die folgenden Aufgaben ausführt:

  • Die Eigenschaften von zwei Objekten, personInfo und jobInfo, zusammenführen und in einem neuen Objekt namens fullInfo speichern.
  • Dem Objekt fullInfo eine neue Eigenschaft namens isRetired mit dem Wert false hinzufügen.
  • Eine for...in-Schleife verwenden, um durch fullInfo zu iterieren und jede Eigenschaft sowie deren Wert im Format [property]: [value] auszugeben.
12345678910111213141516171819202122
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; // Task 1: merge two objects const fullInfo = { ...___, ___, ___: ___, // Task 2: add the property }; // Task 3: log each property and its value for (let key in ___) { console.log(`${___}:`, ___[key]); }
copy

Erwartete Ausgabe:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Den Spread-Operator ({ ... }) verwenden, um Eigenschaften aus personInfo und jobInfo in fullInfo zu kombinieren.
  2. Nach dem Zusammenführen eine neue Eigenschaft zu fullInfo hinzufügen.
  3. Mit einer fullInfo-Schleife durch for...in iterieren, um die Eigenschaften und deren Werte auszugeben.
1234567891011121314151617181920
const personInfo = { name: "Ferry", age: 62, city: "Caracas", }; const jobInfo = { experience: 7, occupation: "Speech-Language Pathologist", }; const fullInfo = { ...personInfo, ...jobInfo, isRetired: false, }; for (let key in fullInfo) { console.log(`${key}:`, fullInfo[key]); }
copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 6
some-alt