Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele JavaScript-olioiden Perusteiden Yhteenveto | JavaScript-Olioiden Perusteet
Javascriptin tietorakenteet

bookJavaScript-olioiden Perusteiden Yhteenveto

Objektit JavaScriptissä

  • Objektit JavaScriptissä ovat monimutkaisia tietotyyppejä, joita käytetään kuvaamaan reaalimaailman olioita;
  • Objektit koostuvat avain-arvo-pareista, joissa jokaisella avaimella (ominaisuudella) on siihen liittyvä arvo;
  • Avaimet (ominaisuuksien nimet) voivat olla merkkijonoja, ja arvot voivat olla mitä tahansa kelvollisia JavaScript-tietotyyppejä;
  • Objektit voivat tallentaa sisäkkäistä ja ryhmiteltyä tietoa monimutkaisen tiedon järjestämiseksi.

Objektin luominen ja ominaisuuksien nimeäminen

  • Objektikirjaimet, jotka on suljettu aaltosulkeisiin {}, ovat yleinen tapa luoda objekteja JavaScriptissä;
  • Objektin avaimet (ominaisuuksien nimet) voidaan sulkea lainausmerkkeihin (yksi- tai kaksinkertaiset) tai jättää ilman lainausmerkkejä, tietyin nimeämissäännöin;
  • Lainausmerkeissä olevat avaimet mahdollistavat mielivaltaiset merkkijonot, joissa voi olla välilyöntejä ja erikoismerkkejä;
  • Ilman lainausmerkkejä olevien avainten tulee alkaa kirjaimella tai tietyillä merkeillä, kuten _, $ tai millä tahansa Unicode-merkillä.
const person = {
  "first name": "Silvia",
  lastName: "Wuckert",
  age: 47,
};

Objektin ominaisuuksien käsittely

  • Kaksi yleistä tapaa käsitellä objektin ominaisuuksia ovat piste- ja hakasulkunotaatio;
  • Pistenotaatiota käytetään, kun ominaisuuden nimi tiedetään etukäteen, kun taas hakasulkuja käytetään, kun nimi on tuntematon tai tallennettu muuttujaan;
  • Sisäkkäisiin ominaisuuksiin päästään piste-notation avulla, jossa polku erotetaan pisteillä.
const car = {
  make: "Toyota",
  model: "Camry",
  engine: {
    type: "V6",
    horsepower: 300,
  },
};

console.log(car.engine.type); // Output: V6

Olion metodit

  • Olion metodit ovat olioiden sisällä määriteltyjä funktioita, jotka mahdollistavat datan ja siihen liittyvän toiminnallisuuden yhdistämisen;
  • Avainsana this viittaa olioon, joka kutsuu metodia, mahdollistaen sen ominaisuuksien käytön;
  • Olion metodit tarjoavat loogista rakennetta, kapselointia ja parantavat koodin luettavuutta;
  • Metodit voivat käyttää olion ominaisuuksia this-avainsanalla ja käsitellä niitä pisteoperaattorilla.
const calculator = {
  operand1: 5,
  operand2: 3,
  summarize() {
    return this.operand1 + this.operand2;
  },
};

console.log(calculator.summarize()); // Output: 8
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 12

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 how to add or remove properties from an object?

What are some common use cases for using objects in JavaScript?

How does the `this` keyword behave differently in arrow functions within objects?

Awesome!

Completion rate improved to 2.27

bookJavaScript-olioiden Perusteiden Yhteenveto

Pyyhkäise näyttääksesi valikon

Objektit JavaScriptissä

  • Objektit JavaScriptissä ovat monimutkaisia tietotyyppejä, joita käytetään kuvaamaan reaalimaailman olioita;
  • Objektit koostuvat avain-arvo-pareista, joissa jokaisella avaimella (ominaisuudella) on siihen liittyvä arvo;
  • Avaimet (ominaisuuksien nimet) voivat olla merkkijonoja, ja arvot voivat olla mitä tahansa kelvollisia JavaScript-tietotyyppejä;
  • Objektit voivat tallentaa sisäkkäistä ja ryhmiteltyä tietoa monimutkaisen tiedon järjestämiseksi.

Objektin luominen ja ominaisuuksien nimeäminen

  • Objektikirjaimet, jotka on suljettu aaltosulkeisiin {}, ovat yleinen tapa luoda objekteja JavaScriptissä;
  • Objektin avaimet (ominaisuuksien nimet) voidaan sulkea lainausmerkkeihin (yksi- tai kaksinkertaiset) tai jättää ilman lainausmerkkejä, tietyin nimeämissäännöin;
  • Lainausmerkeissä olevat avaimet mahdollistavat mielivaltaiset merkkijonot, joissa voi olla välilyöntejä ja erikoismerkkejä;
  • Ilman lainausmerkkejä olevien avainten tulee alkaa kirjaimella tai tietyillä merkeillä, kuten _, $ tai millä tahansa Unicode-merkillä.
const person = {
  "first name": "Silvia",
  lastName: "Wuckert",
  age: 47,
};

Objektin ominaisuuksien käsittely

  • Kaksi yleistä tapaa käsitellä objektin ominaisuuksia ovat piste- ja hakasulkunotaatio;
  • Pistenotaatiota käytetään, kun ominaisuuden nimi tiedetään etukäteen, kun taas hakasulkuja käytetään, kun nimi on tuntematon tai tallennettu muuttujaan;
  • Sisäkkäisiin ominaisuuksiin päästään piste-notation avulla, jossa polku erotetaan pisteillä.
const car = {
  make: "Toyota",
  model: "Camry",
  engine: {
    type: "V6",
    horsepower: 300,
  },
};

console.log(car.engine.type); // Output: V6

Olion metodit

  • Olion metodit ovat olioiden sisällä määriteltyjä funktioita, jotka mahdollistavat datan ja siihen liittyvän toiminnallisuuden yhdistämisen;
  • Avainsana this viittaa olioon, joka kutsuu metodia, mahdollistaen sen ominaisuuksien käytön;
  • Olion metodit tarjoavat loogista rakennetta, kapselointia ja parantavat koodin luettavuutta;
  • Metodit voivat käyttää olion ominaisuuksia this-avainsanalla ja käsitellä niitä pisteoperaattorilla.
const calculator = {
  operand1: 5,
  operand2: 3,
  summarize() {
    return this.operand1 + this.operand2;
  },
};

console.log(calculator.summarize()); // Output: 8
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 12
some-alt