Cityscape
Girl

JavaScript

Objektit: Tiedon ryhmittäminen avain-arvo -pareilla

Helppo
10 min

Mikä on objekti?

Objekti on ominaisuuksien (property) kokoelma. Jokaisella ominaisuudella on avain (tai nimi) ja arvo. Objektit mahdollistavat datan ryhmittämisen yhteen.

Esimerkiksi:

let henkilo = {
  nimi: "Liisa",
  ika: 7,
  kaupunki: "Ihmemaa"
};

Tässä esimerkissä:

  • Muuttuja henkilo sisältää objektin.
  • Objektilla on ominaisuuksia avaimilla nimi, ika ja kaupunki.
  • Jokainen avain on yhdistetty arvoon (esimerkiksi nimi on yhdistetty arvoon "Liisa").

Objektin ominaisuuksien lukeminen

Voit lukea ominaisuuden arvon "pistenotaatiolla" tai "hakasulkunotaatiolla". Esimerkiksi:

console.log(henkilö.nimi);     // tulostaa "Liisa"
console.log(henkilö["ika"]);   // tulostaa 7

Objektin ominaisuuksien päivittäminen

Voit myös päivittää ominaisuuden käyttämällä kumpaa tahansa notaatiota. Esimerkiksi:

henkilo.kaupunki = "Mikämikämaa";
console.log(henkilo.kaupunki);  // tulostaa "Mikämikämaa"

Objektin ominaisuuksien lisääminen ja poistaminen

Lisääminen

Lisätäksesi uuden ominaisuuden, yksinkertaisesti anna arvo uudelle avaimelle.

henkilo.ammatti = "Seikkailija";
console.log(henkilo.ammatti);  // tulostaa "Seikkailija"

Poistaminen

Ominaisuuden poistamiseksi käytä delete-operaattoria.

delete henkilö.ika;
console.log(henkilö.ika);  // tulostaa undefined

Harjoitukset

Objektin luominen ja tulostaminen

  • Luo muuttuja nimeltä henkilo käyttäen let-avainsanaa.
  • Määritä sille objekti, jonka avaimet ovat: nimi (arvo: "Sherlock Holmes"), ika (arvo: 26) ja kaupunki (arvo: "Lontoo").
  • Tulosta koko objekti käyttäen console.log(henkilo).

Objektien ominaisuuksien päivittäminen

  • Luo muuttuja nimeltään auto käyttäen let-avainsanaa.
  • Määritä sille objekti ominaisuuksilla: valmistaja (arvo: "Toyota"), malli (arvo: "Camry") ja vuosi (arvo: 2010).
  • Päivitä vuoden ominaisuus arvoon 2020.
  • Tulosta päivitetty vuosi käyttäen console.log(auto.vuosi).

Objektien ominaisuuksien lisääminen ja poistaminen

  • Luo muuttuja nimeltä kirja käyttäen let-avainsanaa.
  • Määritä sille objekti ominaisuuksilla: otsikko (arvo: "1984") ja kirjailija (arvo: "George Orwell").
  • Lisää uusi ominaisuus sivut arvolla 328.
  • Poista sitten kirjailija objektista.
  • Tulosta lopullinen objekti käyttäen console.log(kirja).

hakatemia pro

Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.

Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.