Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Olioiden Luominen JavaScriptissä | JavaScript-Olioiden Perusteet
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Javascriptin tietorakenteet

bookOlioiden Luominen JavaScriptissä

Keskitytään olioiden luomiseen, oliolitteraalien käyttöön ja avainten nimeämissääntöjen ymmärtämiseen.

Olion luominen oliolitteraaleilla

Yleisin ja kätevin tapa luoda olio on käyttää oliolitteraaleja, eli avain–arvo-pareja, jotka on suljettu {}-merkkeihin.

const book = {
  title: "The Catcher in the Rye",
  author: "Jerome David Salinger",
  genres: ["Realistic fiction", "Coming-of-age fiction"],
  relevant: true,
  rating: 8.38,
};

Tässä esimerkissä on luotu book-niminen olio, jolla on useita ominaisuuksia määriteltynä avain-arvo-pareina. Tarkastellaan tämän olion luonnin keskeisiä osia:

Avain-arvo-parit

  • Avain (ominaisuuden nimi): jokainen olion ominaisuus kuvataan avaimella. Näitä avaimia kutsutaan myös ominaisuuksien nimiksi, ja ne esitetään aina merkkijonoina. book-oliossa avaimet kuten title, author, genres, relevant ja rating toimivat ominaisuuksien niminä;
  • Arvo: avaimiin liitetyt arvot voivat olla mitä tahansa tietotyyppejä: primitiivejä, taulukoita, olioita, totuusarvoja, funktioita ja muita. Esimerkiksi title-ominaisuus sisältää merkkijonon, kun taas genres-ominaisuus sisältää taulukon;
  • Pilkut: olion ominaisuudet erotetaan toisistaan pilkuilla. Pilkut ovat olennaisia, jotta avain-arvo-parit erottuvat toisistaan.

Avainsääntöjen nimeämissäännöt

Kun nimeät avaimia (ominaisuuksien nimiä) olioillesi, on hyvä muistaa muutama yksinkertainen sääntö:

Lainausmerkeillä merkityt avaimet

Jos avain on lainausmerkeissä, se voi olla mikä tahansa kelvollinen merkkijono, mukaan lukien välilyönnit, symbolit tai merkit, joita ei normaalisti sallita tunnisteissa.

const person = {
  "first name": "Terry",
  "favorite color": "blue",
  "address@home": "485 Schaefer Stream",
};

Lainausmerkeittä jätetyt avaimet

Tietyt rajoitukset koskevat avaimia, joissa ei ole lainausmerkkejä. Avaimen tulee olla nimi ilman välilyöntejä ja sen tulee alkaa kirjaimella tai jollakin seuraavista merkeistä: _, $ tai millä tahansa Unicode-merkillä.

const car = {
 manufacturer: "Toyota",
  _model: "Camry",
  $year: 2022,
};

Nämä säännöt varmistavat johdonmukaisuuden ja kelvollisuuden määritettäessä olioiden avaimia.

1. Alla olevassa esimerkissä, mikä arvo liittyy avaimen duration kohdalle course-oliosta?

2. Mikä on kaksoispisteiden tarkoitus objektikirjaimessa?

3. Mitkä ovat säännöt objektin avaimille (ominaisuuksien nimet), jotka on suljettu lainausmerkkeihin?

question mark

Alla olevassa esimerkissä, mikä arvo liittyy avaimen duration kohdalle course-oliosta?

Select the correct answer

question mark

Mikä on kaksoispisteiden tarkoitus objektikirjaimessa?

Select the correct answer

question mark

Mitkä ovat säännöt objektin avaimille (ominaisuuksien nimet), jotka on suljettu lainausmerkkeihin?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Suggested prompts:

Can you explain more about when to use quoted vs unquoted keys?

What happens if I use invalid characters in an unquoted key?

Can you show more examples of object literals with different key types?

bookOlioiden Luominen JavaScriptissä

Pyyhkäise näyttääksesi valikon

Keskitytään olioiden luomiseen, oliolitteraalien käyttöön ja avainten nimeämissääntöjen ymmärtämiseen.

Olion luominen oliolitteraaleilla

Yleisin ja kätevin tapa luoda olio on käyttää oliolitteraaleja, eli avain–arvo-pareja, jotka on suljettu {}-merkkeihin.

const book = {
  title: "The Catcher in the Rye",
  author: "Jerome David Salinger",
  genres: ["Realistic fiction", "Coming-of-age fiction"],
  relevant: true,
  rating: 8.38,
};

Tässä esimerkissä on luotu book-niminen olio, jolla on useita ominaisuuksia määriteltynä avain-arvo-pareina. Tarkastellaan tämän olion luonnin keskeisiä osia:

Avain-arvo-parit

  • Avain (ominaisuuden nimi): jokainen olion ominaisuus kuvataan avaimella. Näitä avaimia kutsutaan myös ominaisuuksien nimiksi, ja ne esitetään aina merkkijonoina. book-oliossa avaimet kuten title, author, genres, relevant ja rating toimivat ominaisuuksien niminä;
  • Arvo: avaimiin liitetyt arvot voivat olla mitä tahansa tietotyyppejä: primitiivejä, taulukoita, olioita, totuusarvoja, funktioita ja muita. Esimerkiksi title-ominaisuus sisältää merkkijonon, kun taas genres-ominaisuus sisältää taulukon;
  • Pilkut: olion ominaisuudet erotetaan toisistaan pilkuilla. Pilkut ovat olennaisia, jotta avain-arvo-parit erottuvat toisistaan.

Avainsääntöjen nimeämissäännöt

Kun nimeät avaimia (ominaisuuksien nimiä) olioillesi, on hyvä muistaa muutama yksinkertainen sääntö:

Lainausmerkeillä merkityt avaimet

Jos avain on lainausmerkeissä, se voi olla mikä tahansa kelvollinen merkkijono, mukaan lukien välilyönnit, symbolit tai merkit, joita ei normaalisti sallita tunnisteissa.

const person = {
  "first name": "Terry",
  "favorite color": "blue",
  "address@home": "485 Schaefer Stream",
};

Lainausmerkeittä jätetyt avaimet

Tietyt rajoitukset koskevat avaimia, joissa ei ole lainausmerkkejä. Avaimen tulee olla nimi ilman välilyöntejä ja sen tulee alkaa kirjaimella tai jollakin seuraavista merkeistä: _, $ tai millä tahansa Unicode-merkillä.

const car = {
 manufacturer: "Toyota",
  _model: "Camry",
  $year: 2022,
};

Nämä säännöt varmistavat johdonmukaisuuden ja kelvollisuuden määritettäessä olioiden avaimia.

1. Alla olevassa esimerkissä, mikä arvo liittyy avaimen duration kohdalle course-oliosta?

2. Mikä on kaksoispisteiden tarkoitus objektikirjaimessa?

3. Mitkä ovat säännöt objektin avaimille (ominaisuuksien nimet), jotka on suljettu lainausmerkkeihin?

question mark

Alla olevassa esimerkissä, mikä arvo liittyy avaimen duration kohdalle course-oliosta?

Select the correct answer

question mark

Mikä on kaksoispisteiden tarkoitus objektikirjaimessa?

Select the correct answer

question mark

Mitkä ovat säännöt objektin avaimille (ominaisuuksien nimet), jotka on suljettu lainausmerkkeihin?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2
some-alt