Wikibooks

JavaScript/Objektas: Skirtumas tarp puslapio versijų

Naršyti istoriją interaktyviai
← Ankstesnis keitimasVėlesnis pakeitimas →
Ištrintas turinys Pridėtas turinys
VizualusVikitekstas
3 eilutė:
<br>
<div style="background-color:#f7f5e9; text-indent: 32px; font-size: 1rem">
<p>Objektas – tai duomenų porų, „savybė„savybė“ :ir jos„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>Sudarau jo JS objektą:</p>
<div style="font-family:monospace">
* stelmužėsĄžuolas = { rūšis:"paprastasis ąžuolas", amžius:1000, aukštis:19, kamienoApimtis:9.58 };
</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>Ir patikrinuPatikrinu jo tipą:</p>
<div style="font-family:monospace">
* typeof(stelmužėsĄžuolas);
</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, pamatysime,kad kadjo jistipas 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 pernaudojant taško žymėjimą. Surinkite štai šį kodą ir nuspauskite 'Enter':</p>
<div style="font-family:monospace">
* stelmužėsĄžuolas.amžius;
</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>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į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">
eilutė 31 ⟶ 33:
</div>
 
<p>Jūs pastebėsit, kad dabar objekto „stelmužėsĄžuolas“ savybės „amžius“ vertė pasikeitė į skaičių 1500. </p>
<p>O jei ašmes užmiršaunorime įvestipapildyti kuriąobjektą norsnauja savybę iš pat pradžių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">
eilutė 37 ⟶ 40:
* stelmužėsĄžuolas;
</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 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>Atkreipkite dėmesį į įvedamų duomenų tipą ir, jei reikia, pasitikrinkite operatoriumi ''typeof'', pvz.:</p>
Gauta iš „https://lt.wikibooks.org/wiki/JavaScript/Objektas“