Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Kombinera Objekt med Spread-Operatorn | Avancerade Tekniker för Objektmanipulation
Javascript Datastrukturer

bookUtmaning: Kombinera Objekt med Spread-Operatorn

Uppgift

Skapa ett skript som utför följande uppgifter:

  • Slå samman egenskaperna från två objekt, personInfo och jobInfo, och lagra dem i ett nytt objekt som heter fullInfo.
  • Lägg till en ny egenskap i objektet fullInfo med namnet isRetired och värdet false.
  • Använd en for...in-loop för att iterera genom fullInfo och logga varje egenskap och dess motsvarande värde i formatet: [property]: [value].
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

Förväntad utdata:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Använd spridningsoperatorn ({ ... }) för att slå samman egenskaper från personInfo och jobInfo till fullInfo.
  2. Efter sammanslagningen, lägg till en ny egenskap i fullInfo.
  3. Iterera genom fullInfo med en for...in-loop för att logga egenskaperna och deras värden.
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

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 6

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

bookUtmaning: Kombinera Objekt med Spread-Operatorn

Svep för att visa menyn

Uppgift

Skapa ett skript som utför följande uppgifter:

  • Slå samman egenskaperna från två objekt, personInfo och jobInfo, och lagra dem i ett nytt objekt som heter fullInfo.
  • Lägg till en ny egenskap i objektet fullInfo med namnet isRetired och värdet false.
  • Använd en for...in-loop för att iterera genom fullInfo och logga varje egenskap och dess motsvarande värde i formatet: [property]: [value].
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

Förväntad utdata:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Använd spridningsoperatorn ({ ... }) för att slå samman egenskaper från personInfo och jobInfo till fullInfo.
  2. Efter sammanslagningen, lägg till en ny egenskap i fullInfo.
  3. Iterera genom fullInfo med en for...in-loop för att logga egenskaperna och deras värden.
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

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 6
some-alt