JavaScript/Objektas: Skirtumas tarp puslapio versijų

Iš Wikibooks.
Ištrintas turinys Pridėtas turinys
3 eilutė: 3 eilutė:
<br>
<br>
<div style="background-color:#f7f5e9; text-indent: 32px; font-size: 1rem">
<div style="background-color:#f7f5e9; text-indent: 32px; font-size: 1rem">
<p>Objektas – tai duomenų porų, „savybė : jos vertė“, rinkinys. JS objektai užrašomi tarp riestinių skliaustų ({objektas}).</p>
<p>Objektas – tai duomenų porų, „savybė“ ir „savybės vertė“, rinkinys. JS objektai užrašomi tarp riestinių skliaustų (plg., {objektas}).</p>


<p><span style="background-color: #d1f2cd; border-radius:8px; padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px;">Pavyzdys.</span> Sakykime, kad turime objektą, Stelmužės ąžuolą, kurio duomenys yra tokie: rūšis – paprastasis ąžuolas, amžius – 1000 metų, aukštis – 19 m, kamieno apimtis – 9,58 m.</p>
<p><span style="background-color: #d1f2cd; border-radius:8px; padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px;">Pavyzdys.</span> Sakykime, kad turime objektą, Stelmužės ąžuolą, kurio duomenys yra tokie: rūšis – paprastasis ąžuolas, amžius – 1000 metų, aukštis – 19 m, kamieno apimtis – 9,58 m.</p>
<p>Sudarau jo objektą:</p>
<p>Sudarau jo JS objektą:</p>
<div style="font-family:monospace">
<div style="font-family:monospace">
* stelmužėsĄžuolas = { rūšis:"paprastasis ąžuolas", amžius:1000, aukštis:19, kamienoApimtis:9.58 };
* stelmužėsĄžuolas = { rūšis:"paprastasis ąžuolas", amžius:1000, aukštis:19, kamienoApimtis:9.58 };
</div>
</div>
<p>Atsiminkim, JS trupmeninė skaičių dalis rašoma su taško atskyrimu, o tekstas rašomas kabutėse. Surinkite aukštesnį tekstą konsolėje ir nuspauskite 'Enter'. Jums bus pavaizduotas JS objektas. Jūs pastebėsit, kad aš jį deklaravau kaip kintamąjį su pavadinimu „stelmužėsĄžuolas“ ir priskyriau (priskyrimo operatoriaus ženklas „=“) duomenis. Šiuo atveju, duomenų rinkinį.</p>
<p>Ir patikrinu jo tipą:</p>

<p>Patikrinu jo tipą:</p>
<div style="font-family:monospace">
<div style="font-family:monospace">
* typeof(stelmužėsĄžuolas);
* typeof(stelmužėsĄžuolas);
</div>
</div>
<p>Atsiminkim, JS trupmeninė skaičių dalis rašoma su taško atskyrimu, o tekstas rašomas kabutėse. Surinkite aukštesnį tekstą konsolėje ir nuspauskite 'Enter'. Jums bus pavaizduotas JS objektas. Jūs pastebėsit, kad aš jį deklaravau kaip kintamąjį su pavadinimu „stelmužėsĄžuolas“ ir priskyriau (priskyrimo operatoriaus ženklas „=“) duomenis. Šiuo atveju, duomenų rinkinį.</p>


<p>Jei su operatoriumi ''typeof'' patikrinsime duomenų tipą, pamatysime, kad jis yra ''object''. Objektas yra pirmasis objektinio tipo duomuo, su kuriuo susipažįstame, bet nesuklyskite, objektas ir objektiniai duomenys nėra tas pats. Anglų kalboje, kuria parašyta JS, žodis „object“ nurodo ir duomenų tipą objektą, ir visą duomenų tipų grupę, kuriai priklauso objektai, masyvai, RegExp ir kiti duomenys.</p>
<p>Pamatysime, kad jo tipas yra ''object''. Objektas yra pirmasis objektinio tipo duomuo, su kuriuo susipažįstame, bet nesuklyskite, objektas ir objektiniai duomenys nėra tas pats. Anglų kalboje, kuria parašyta JS, žodis „object“ nurodo ir duomenų tipą objektą, ir visą duomenų tipų grupę, kuriai priklauso objektai, masyvai, RegExp ir kiti duomenys.</p>


<p>Objekto savybes galima išsišaukti atskirai per taško žymėjimą. Surinkite štai šį kodą ir nuspauskite 'Enter':</p>
<p>Objekto savybes galima išsišaukti atskirai naudojant taško žymėjimą. Surinkite štai šį kodą ir nuspauskite 'Enter':</p>
<div style="font-family:monospace">
<div style="font-family:monospace">
* stelmužėsĄžuolas.amžius;
* stelmužėsĄžuolas.amžius;
</div>
</div>
<p>Konsolėje bus pavaizduota tik savybės „amžius“ vertė, skaičius 1000.</p>
<p>Konsolėje bus pavaizduota tik šios savybės vertė, skaičius 1000. Iš to jums turėtų būti aiškus objekto tipo duomenų apibrėžimas: „amžius“ yra objekto „stelmužėsĄžuolas“ savybė, kurios vertė yra skaičius 1000. Atitinkamai, savybės „rūšis“ vertė yra tekstas „paprastasis ąžuolas“. Savybės tarpusavyje atskiriamos kableliais, o po paskutinės įvestos savybės kablelis nerašomas.</p>
<p>Objekto savybės pavadinimas ir jos vertė atskiriamos dvitaškio ženklu („:“). Savybės ir jos vertės poros tarpusavyje atskiriamos kableliais, o po paskutinės kablelis nerašomas.</p>
<p>Pastebėkit, kad, kai jūs konsolėje renkate tekstą, programa automatiškai parenka artimiausią ir vėliausiai naudotą pasirinkimo variantą, tad net ir labai ilgus vardus galite rinkti gana greitai nuspausdami 'Enter' ties tinkamu pasirinkimu!</p>
<p>Pastebėkit, kad, kai jūs konsolėje renkate tekstą, programa automatiškai parenka artimiausią ir vėliausiai naudotą pasirinkimo variantą, tad net ir labai ilgus vardus galite rinkti gana greitai nuspausdami 'Enter' ties tinkamu pasirinkimu!</p>
<p>Objekto savybes galima keisti per taško žymėjimą ir jūs pastebėsit, kad jos panašios į kintamuosius. Aš pastebėjau, kad padariau klaidą nustatydamas savybės „amžius“ vertę. Iš tikro ji yra 1500 metų, tad ištaisau:</p>
<p>Aš pastebėjau, kad padariau klaidą įrašęs savybės „amžius“ vertę. Iš tikro ji yra 1500 metų, tad ištaisau panaudodamas priskyrimo operatorių („=“):</p>


<div style="font-family:monospace">
<div style="font-family:monospace">
31 eilutė: 33 eilutė:
</div>
</div>


<p>Jūs pastebėsit, kad dabar objekto „stelmužėsĄžuolas“ savybės „amžius“ vertė pasikeitė į skaičių 1500. O jei užmiršau įvesti kurią nors savybę iš pat pradžių? Ne bėda. Kokiu būdu pakeitėme savybę, tokiu būdu galime įvesti naują, pvz., kad ąžuolas auga Lietuvoje:</p>
<p>Jūs pastebėsit, kad dabar objekto „stelmužėsĄžuolas“ savybės „amžius“ vertė pasikeitė į skaičių 1500.</p>
<p>O jei mes norime papildyti objektą nauja savybe? Ne bėda. Kokiu būdu pakeitėme savybę, tokiu būdu su priskyrimo operatoriumi galime įvesti naują, pvz., kad ąžuolas auga Lietuvoje:</p>


<div style="font-family:monospace">
<div style="font-family:monospace">
37 eilutė: 40 eilutė:
* stelmužėsĄžuolas;
* stelmužėsĄžuolas;
</div>
</div>
<p>Svarbus pastebėjimas. Objektų duomenų poros nėra numeruotos, tad jos neturi eilės, nepaisant, kad kuri nors iš savybių užrašoma pirmesnė, JS to nežino.</p>
<p>Svarbus pastebėjimas. Objektų duomenų poros nėra numeruotos, nepaisant, kad kuri nors iš savybių užrašoma ar pavaizduojama pirmesnė, JS to nežino.</p>
<p><span style="background-color: #f3ef7b; border-radius:8px; padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px;">Užduotis.</span> Savarankiškai sukurkite objektą „rumšiškiųMiškoPušis“ su duomenimis: rūšis – paprastoji pušis, kamieno apimtis – 0,4 m, aukštis – 32 m., amžius – 200 m., valstybė – Lietuva. Po to įveskite savybę: kamienų skaičius – 2.</p>
<p><span style="background-color: #f3ef7b; border-radius:8px; padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px;">Užduotis.</span> Savarankiškai sukurkite objektą „rumšiškiųMiškoPušis“ su duomenimis: rūšis – paprastoji pušis, kamieno apimtis – 0,4 m, aukštis – 32 m., amžius – 200 m., valstybė – Lietuva. Po to įveskite savybę: kamienų skaičius – 2.</p>
<p>Atkreipkite dėmesį į įvedamų duomenų tipą ir, jei reikia, pasitikrinkite operatoriumi ''typeof'', pvz.:</p>
<p>Atkreipkite dėmesį į įvedamų duomenų tipą ir, jei reikia, pasitikrinkite operatoriumi ''typeof'', pvz.:</p>

17:34, 18 rugsėjo 2021 versija

JAVASCRIPT PROGRAMAVIMO PAGRINDAI
(instrukcinis vadovas pradedantiesiems)

Objektas


Objektas – tai duomenų porų, „savybė“ ir „savybės vertė“, rinkinys. JS objektai užrašomi tarp riestinių skliaustų (plg., {objektas}).

Pavyzdys. Sakykime, kad turime objektą, Stelmužės ąžuolą, kurio duomenys yra tokie: rūšis – paprastasis ąžuolas, amžius – 1000 metų, aukštis – 19 m, kamieno apimtis – 9,58 m.

Sudarau jo JS objektą:

  • stelmužėsĄžuolas = { rūšis:"paprastasis ąžuolas", amžius:1000, aukštis:19, kamienoApimtis:9.58 };

Atsiminkim, JS trupmeninė skaičių dalis rašoma su taško atskyrimu, o tekstas rašomas kabutėse. Surinkite aukštesnį tekstą konsolėje ir nuspauskite 'Enter'. Jums bus pavaizduotas JS objektas. Jūs pastebėsit, kad aš jį deklaravau kaip kintamąjį su pavadinimu „stelmužėsĄžuolas“ ir priskyriau (priskyrimo operatoriaus ženklas „=“) duomenis. Šiuo atveju, duomenų rinkinį.

Patikrinu jo tipą:

  • typeof(stelmužėsĄžuolas);

Pamatysime, kad jo tipas yra object. Objektas yra pirmasis objektinio tipo duomuo, su kuriuo susipažįstame, bet nesuklyskite, objektas ir objektiniai duomenys nėra tas pats. Anglų kalboje, kuria parašyta JS, žodis „object“ nurodo ir duomenų tipą objektą, ir visą duomenų tipų grupę, kuriai priklauso objektai, masyvai, RegExp ir kiti duomenys.

Objekto savybes galima išsišaukti atskirai naudojant taško žymėjimą. Surinkite štai šį kodą ir nuspauskite 'Enter':

  • stelmužėsĄžuolas.amžius;

Konsolėje bus pavaizduota tik savybės „amžius“ vertė, skaičius 1000.

Objekto savybės pavadinimas ir jos vertė atskiriamos dvitaškio ženklu („:“). Savybės ir jos vertės poros tarpusavyje atskiriamos kableliais, o po paskutinės kablelis nerašomas.

Pastebėkit, kad, kai jūs konsolėje renkate tekstą, programa automatiškai parenka artimiausią ir vėliausiai naudotą pasirinkimo variantą, tad net ir labai ilgus vardus galite rinkti gana greitai nuspausdami 'Enter' ties tinkamu pasirinkimu!

Aš pastebėjau, kad padariau klaidą įrašęs savybės „amžius“ vertę. Iš tikro ji yra 1500 metų, tad ištaisau panaudodamas priskyrimo operatorių („=“):

  • stelmužėsĄžuolas.amžius = 1500;
  • stelmužėsĄžuolas;

Jūs pastebėsit, kad dabar objekto „stelmužėsĄžuolas“ savybės „amžius“ vertė pasikeitė į skaičių 1500.

O jei mes norime papildyti objektą nauja savybe? Ne bėda. Kokiu būdu pakeitėme savybę, tokiu būdu su priskyrimo operatoriumi galime įvesti naują, pvz., kad ąžuolas auga Lietuvoje:

  • stelmužėsĄžuolas.valstybė = "Lietuva";
  • stelmužėsĄžuolas;

Svarbus pastebėjimas. Objektų duomenų poros nėra numeruotos, nepaisant, kad kuri nors iš savybių užrašoma ar pavaizduojama pirmesnė, JS to nežino.

Užduotis. Savarankiškai sukurkite objektą „rumšiškiųMiškoPušis“ su duomenimis: rūšis – paprastoji pušis, kamieno apimtis – 0,4 m, aukštis – 32 m., amžius – 200 m., valstybė – Lietuva. Po to įveskite savybę: kamienų skaičius – 2.

Atkreipkite dėmesį į įvedamų duomenų tipą ir, jei reikia, pasitikrinkite operatoriumi typeof, pvz.:

  • typeof(stelmužėsĄžuolas.kamienoApimtis);

Objektui ir savybėms pavadinti jūs galite parinkti savo vardus. Tai aktualu renkant tekstus su nešiojamu kompiuteriu ar planšete dėl kalbos nustatymų persijungimų. Tai viena priežasčių, kodėl specifiški lietuviški simboliai paprastai nenaudojami JS. Šiame vadove, dėl suderinamumo su vartosena ir aiškumo pradedantiesiems, daugiausiai yra naudojami lietuviški užrašymai.