Keskitytään olioiden luomiseen, olio-litteraalien käyttöön sekä avainten nimeämissääntöjen ymmärtämiseen.

Oliolitteraalit

Kun luodaan olioita JavaScriptissä, yksi yleisimmistä ja suoraviivaisimmista tavoista on käyttää aaltosulkeisiin {} rajattuja olio-litteraaleja. Esimerkki:

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

• Avain (ominaisuuden nimi): Jokainen olion ominaisuus kuvataan avaimella. Näitä avaimia kutsutaan myös ominaisuuksien nimiksi, ja ne esitetään aina merkkijonoina. Esimerkiksi book-oliolla avaimet kuten title, author, genres, relevant ja rating toimivat ominaisuuksien niminä;
• Arvo: Avaimiin liitetyt arvot voivat olla mitä tahansa tietotyyppiä: primitiivejä, taulukoita, olioita, totuusarvoja, funktioita ja muuta. Esimerkiksi title-ominaisuus sisältää merkkijonon, kun taas genres-ominaisuus sisältää taulukon;
• Pilkut: Olion ominaisuudet erotetaan toisistaan pilkuilla. Pilkut ovat tärkeitä, jotta eri avain-arvoparit voidaan erottaa toisistaan.

Avainten nimeämissäännöt

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

Lainausmerkeillä merkityt avaimet

Jos avain on lainausmerkeissä (yksi- tai kaksinkertaisissa), se voi olla mikä tahansa merkkijono. Avaimessa voi käyttää välilyöntejä, erikoismerkkejä ja muita kelvollisia merkkijonon merkkejä. Esimerkki:

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

Ilman lainausmerkkejä olevat avaimet

Jos avaimessa ei ole lainausmerkkejä, siihen liittyy tiettyjä rajoituksia. 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 takaavat johdonmukaisuuden ja kelvollisuuden, kun määrittelet olioidesi avaimia.