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

bookOlio-ominaisuuksien Hallinta

Tarkastellaan kolmea tärkeää käsitettä, jotka liittyvät olion ominaisuuksien käsittelyyn:

  • Ominaisuuksien arvojen muokkaaminen;
  • Uusien ominaisuuksien lisääminen;
  • Lyhytmuotoisten ominaisuuksien käyttäminen.

Ominaisuuksien arvojen muokkaaminen

Kun olio on luotu, sen ominaisuuksia voidaan helposti päivittää. Arvon muokkaamiseksi käytetään pisteoperaattoria ja määritetään uusi arvo halutulle ominaisuudelle.


              
12345678910111213141516

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937
copy

Tässä esimerkissä muutetaan industry- ja founded.year -ominaisuuksien arvoja.

Uusien ominaisuuksien lisääminen

Ominaisuuden lisääminen ei eroa sen muokkaamisesta. Jos ominaisuuden nimeä ei ole olemassa, JavaScript luo sen automaattisesti.


              
1234567891011121314

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda
copy

Tässä esimerkissä lisätään uusi ominaisuus founder olioon company.

Lyhytsyntaksin käyttäminen

Lyhytsyntaksin avulla voit luoda olioita tiiviimmin. Kun ominaisuuden nimi ja muuttujan nimi ovat samat, JavaScript sallii toiston ohittamisen.


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Lyhytmuotoisia ominaisuuksia käyttämällä sama objekti voidaan luoda tiiviimmin:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Lyhytmuotoisilla ominaisuuksilla tarvitsee määrittää vain ominaisuuden nimi, ja arvo otetaan automaattisesti samannimisestä muuttujasta.

1. Kun olio on luotu, miten sen ominaisuuksien arvoja voidaan muuttaa?

2. Mitä tapahtuu, kun yrität muokata olion ominaisuutta, jota ei ole olemassa, käyttäen pisteoperaattoria?

3. Mikä seuraavista esimerkeistä havainnollistaa olion luomista lyhytsyntaksilla?

4. Kuinka voit sisällyttää muuttujan city osaksi userLocation-olion ominaisuuksia käyttäen lyhytmuotoisia ominaisuuksia?

question mark

Kun olio on luotu, miten sen ominaisuuksien arvoja voidaan muuttaa?

Select the correct answer

question mark

Mitä tapahtuu, kun yrität muokata olion ominaisuutta, jota ei ole olemassa, käyttäen pisteoperaattoria?

Select the correct answer

question mark

Mikä seuraavista esimerkeistä havainnollistaa olion luomista lyhytsyntaksilla?

Select the correct answer

question mark

Kuinka voit sisällyttää muuttujan city osaksi userLocation-olion ominaisuuksia käyttäen lyhytmuotoisia ominaisuuksia?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 7

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

bookOlio-ominaisuuksien Hallinta

Pyyhkäise näyttääksesi valikon

Tarkastellaan kolmea tärkeää käsitettä, jotka liittyvät olion ominaisuuksien käsittelyyn:

  • Ominaisuuksien arvojen muokkaaminen;
  • Uusien ominaisuuksien lisääminen;
  • Lyhytmuotoisten ominaisuuksien käyttäminen.

Ominaisuuksien arvojen muokkaaminen

Kun olio on luotu, sen ominaisuuksia voidaan helposti päivittää. Arvon muokkaamiseksi käytetään pisteoperaattoria ja määritetään uusi arvo halutulle ominaisuudelle.


              
12345678910111213141516

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937
copy

Tässä esimerkissä muutetaan industry- ja founded.year -ominaisuuksien arvoja.

Uusien ominaisuuksien lisääminen

Ominaisuuden lisääminen ei eroa sen muokkaamisesta. Jos ominaisuuden nimeä ei ole olemassa, JavaScript luo sen automaattisesti.


              
1234567891011121314

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda
copy

Tässä esimerkissä lisätään uusi ominaisuus founder olioon company.

Lyhytsyntaksin käyttäminen

Lyhytsyntaksin avulla voit luoda olioita tiiviimmin. Kun ominaisuuden nimi ja muuttujan nimi ovat samat, JavaScript sallii toiston ohittamisen.


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Lyhytmuotoisia ominaisuuksia käyttämällä sama objekti voidaan luoda tiiviimmin:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Lyhytmuotoisilla ominaisuuksilla tarvitsee määrittää vain ominaisuuden nimi, ja arvo otetaan automaattisesti samannimisestä muuttujasta.

1. Kun olio on luotu, miten sen ominaisuuksien arvoja voidaan muuttaa?

2. Mitä tapahtuu, kun yrität muokata olion ominaisuutta, jota ei ole olemassa, käyttäen pisteoperaattoria?

3. Mikä seuraavista esimerkeistä havainnollistaa olion luomista lyhytsyntaksilla?

4. Kuinka voit sisällyttää muuttujan city osaksi userLocation-olion ominaisuuksia käyttäen lyhytmuotoisia ominaisuuksia?

question mark

Kun olio on luotu, miten sen ominaisuuksien arvoja voidaan muuttaa?

Select the correct answer

question mark

Mitä tapahtuu, kun yrität muokata olion ominaisuutta, jota ei ole olemassa, käyttäen pisteoperaattoria?

Select the correct answer

question mark

Mikä seuraavista esimerkeistä havainnollistaa olion luomista lyhytsyntaksilla?

Select the correct answer

question mark

Kuinka voit sisällyttää muuttujan city osaksi userLocation-olion ominaisuuksia käyttäen lyhytmuotoisia ominaisuuksia?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 7
some-alt