Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Edistyneiden Olionkäsittelytekniikoiden Yhteenveto | Edistyneet Olionkäsittelytekniikat
Quizzes & Challenges
Quizzes
Challenges
/
Javascriptin tietorakenteet

bookEdistyneiden Olionkäsittelytekniikoiden Yhteenveto

Olion iteroiminen for...in-silmukalla

  • for...in-silmukkaa käytetään olion ominaisuuksien läpikäyntiin;
  • Sen avulla voidaan käyttää jokaisen ominaisuuden nimeä (avainta) ja vastaavaa arvoa iteraation aikana;
  • Perussyntaksi for...in-silmukalle on:
for (let key in object) {
// koodi
}
  • Tällä silmukalla voidaan käydä läpi olion ominaisuudet ja suorittaa niille toimintoja;
  • Esimerkki: Olion ominaisuuksien läpikäynti ja niiden nimien sekä arvojen tulostaminen.

Ominaisuuksien käsittely hasOwnProperty()-menetelmällä

  • hasOwnProperty() on menetelmä, jolla tarkistetaan, onko tietty ominaisuus suoraan oliolla, erottaen sen perityistä ominaisuuksista;
  • Se palauttaa totuusarvon, joka ilmaisee, onko oliolla ominaisuus annetulla nimellä;
  • Sitä käytetään usein yhdessä for...in-silmukan kanssa, jotta varmistetaan, että käsitellään vain olion omia ominaisuuksia;
  • Esimerkki: hasOwnProperty()-menetelmän käyttö yhdessä for...in-silmukan kanssa olion ominaisuuksien turvalliseen iteroimiseen.

Spread-operaattori

  • Spread-operaattori (...) on työkalu uusien olioiden luomiseen yhdistämällä ja kopioimalla ominaisuuksia olemassa olevista olioista;
  • Sillä voidaan kloonata olioita, lisätä tai muokata ominaisuuksia sekä luoda uusia olioita;
  • Perussyntaksi olion luomiseen spread-operaattorilla on:
const newObject = { ...sourceObject };
  • Esimerkkejä: Olion kloonaaminen, ominaisuuksien lisääminen/muokkaaminen sekä useiden olioiden ominaisuuksien yhdistäminen spread-operaattorilla.

Olion purku (Object Destructuring)

  • Olion purku mahdollistaa tiettyjen ominaisuuksien poimimisen oliosta ja niiden asettamisen muuttujiin;
  • Voi tehdä koodista tiiviimpää ja helpommin luettavaa, erityisesti olioissa, joissa on useita ominaisuuksia;
  • Olion purun syntaksi on:
const { property1, property2, ...} = sourceObject;
  • Voit määrittää oletusarvoja, nimetä muuttujia uudelleen sekä suorittaa sisäkkäisten olioiden purkua;
  • Esimerkkejä: Ominaisuuksien poimiminen oliosta, oletusarvojen määrittäminen, muuttujien uudelleennimeäminen ja sisäkkäisten olioiden purku.
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 9

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

bookEdistyneiden Olionkäsittelytekniikoiden Yhteenveto

Pyyhkäise näyttääksesi valikon

Olion iteroiminen for...in-silmukalla

  • for...in-silmukkaa käytetään olion ominaisuuksien läpikäyntiin;
  • Sen avulla voidaan käyttää jokaisen ominaisuuden nimeä (avainta) ja vastaavaa arvoa iteraation aikana;
  • Perussyntaksi for...in-silmukalle on:
for (let key in object) {
// koodi
}
  • Tällä silmukalla voidaan käydä läpi olion ominaisuudet ja suorittaa niille toimintoja;
  • Esimerkki: Olion ominaisuuksien läpikäynti ja niiden nimien sekä arvojen tulostaminen.

Ominaisuuksien käsittely hasOwnProperty()-menetelmällä

  • hasOwnProperty() on menetelmä, jolla tarkistetaan, onko tietty ominaisuus suoraan oliolla, erottaen sen perityistä ominaisuuksista;
  • Se palauttaa totuusarvon, joka ilmaisee, onko oliolla ominaisuus annetulla nimellä;
  • Sitä käytetään usein yhdessä for...in-silmukan kanssa, jotta varmistetaan, että käsitellään vain olion omia ominaisuuksia;
  • Esimerkki: hasOwnProperty()-menetelmän käyttö yhdessä for...in-silmukan kanssa olion ominaisuuksien turvalliseen iteroimiseen.

Spread-operaattori

  • Spread-operaattori (...) on työkalu uusien olioiden luomiseen yhdistämällä ja kopioimalla ominaisuuksia olemassa olevista olioista;
  • Sillä voidaan kloonata olioita, lisätä tai muokata ominaisuuksia sekä luoda uusia olioita;
  • Perussyntaksi olion luomiseen spread-operaattorilla on:
const newObject = { ...sourceObject };
  • Esimerkkejä: Olion kloonaaminen, ominaisuuksien lisääminen/muokkaaminen sekä useiden olioiden ominaisuuksien yhdistäminen spread-operaattorilla.

Olion purku (Object Destructuring)

  • Olion purku mahdollistaa tiettyjen ominaisuuksien poimimisen oliosta ja niiden asettamisen muuttujiin;
  • Voi tehdä koodista tiiviimpää ja helpommin luettavaa, erityisesti olioissa, joissa on useita ominaisuuksia;
  • Olion purun syntaksi on:
const { property1, property2, ...} = sourceObject;
  • Voit määrittää oletusarvoja, nimetä muuttujia uudelleen sekä suorittaa sisäkkäisten olioiden purkua;
  • Esimerkkejä: Ominaisuuksien poimiminen oliosta, oletusarvojen määrittäminen, muuttujien uudelleennimeäminen ja sisäkkäisten olioiden purku.
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 9
some-alt