Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Haaste: Yhdistä oliot spread-operaattorilla | Edistyneet Olionkäsittelytekniikat
Javascriptin tietorakenteet

bookHaaste: Yhdistä oliot spread-operaattorilla

Tehtävä

Laadi skripti, joka suorittaa seuraavat tehtävät:

  • Yhdistä kahden olion, personInfo ja jobInfo, ominaisuudet ja tallenna ne uuteen olioon nimeltä fullInfo.
  • Lisää fullInfo-olioon uusi ominaisuus nimeltä isRetired, jonka arvona on false.
  • Käytä for...in-silmukkaa käydäksesi läpi fullInfo-olion ja tulosta jokainen ominaisuus ja sen arvo muodossa: [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

Odotettu tuloste:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Käytä spread-operaattoria ({ ... }) yhdistääksesi ominaisuudet olioista personInfo ja jobInfo olioon fullInfo.
  2. Yhdistämisen jälkeen lisää uusi ominaisuus olioon fullInfo.
  3. Käy läpi fullInfo olio for...in-silmukalla ja tulosta ominaisuudet sekä niiden arvot.

              
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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.27

bookHaaste: Yhdistä oliot spread-operaattorilla

Pyyhkäise näyttääksesi valikon

Tehtävä

Laadi skripti, joka suorittaa seuraavat tehtävät:

  • Yhdistä kahden olion, personInfo ja jobInfo, ominaisuudet ja tallenna ne uuteen olioon nimeltä fullInfo.
  • Lisää fullInfo-olioon uusi ominaisuus nimeltä isRetired, jonka arvona on false.
  • Käytä for...in-silmukkaa käydäksesi läpi fullInfo-olion ja tulosta jokainen ominaisuus ja sen arvo muodossa: [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

Odotettu tuloste:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. Käytä spread-operaattoria ({ ... }) yhdistääksesi ominaisuudet olioista personInfo ja jobInfo olioon fullInfo.
  2. Yhdistämisen jälkeen lisää uusi ominaisuus olioon fullInfo.
  3. Käy läpi fullInfo olio for...in-silmukalla ja tulosta ominaisuudet sekä niiden arvot.

              
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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 6
some-alt