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
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

Awesome!

Completion rate improved to 2.27

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