Objektid JavaScriptis on programmeerimise keskselemendid. Need võimaldavad sul struktureerida ja selgelt korraldada andmeid ja funktsioone. Objektide omadused on hädavajalikud, et salvestada ja neile juurde pääseda individuaalseid väärtusi. Selles juhendis uurid, kuidas tõhusalt objektide omadustega töötada ja nende funktsioone mõista.
Olulised järeldused
- Objektid võimaldavad väärtuste ja funktsioonide salvestamist.
- Juurdepääs objekti omadustele toimub sageli punktmärkusega.
- Automatiseeritud tsüklid aitavad läbida omadusi objektides.
- Sa saad omadusi lisada, muuta ja kustutada.
Sammsammuline juhend
Alusta põnevat teekonda, õppides objekti omaduste aluseid JavaScriptis.
Esialgu vaatame, kuidas luua lihtne objekt ja määrata selle omadused. Sa saad objekti luua, defineerides selle kaarjades sulgudes ja määrates sellele teatud atribuudid, nagu eesnimi ja perekonnanimi. Kujuta ette, et soovid töötada objekti nimega person, millel on omadused eesnimi ja perekonnanimi.
Järgmises etapis pääseme objekti atribuutidele juurde. Selleks kasutad punktmärkust. Kui soovid saada kellegi eesnime, kasutaksid lihtsalt person.Vorname. Pane tähele, et see tagastab väärtuse Jan, kui kasutad ülaltoodud objekti.
Liigume edasi omaduste automaatse läbimise juurde. Mõnikord soovid võib-olla küsida automaatselt kõiki objekti omadusi. Selleks kasutad tsüklit, et iteratsiooni läbi viia kõikide atribuutide kaudu. Loo muutuja, mida nimetatakse assotsiatiivseks nimekirjaks, kus salvestatakse atribuudid nagu eesnimi, perekonnanimi ja vanus.
Kui sul on see nimekiri, saad omadusi itererida. Tõhus vahend selleks on for...in tsükkel. Selle tsükliga saad liikuda assotsiatiivsete nimekirjade atribuutide kaudu ja neid praktilisel viisil lugeda.
Nüüd saad kujundada atribuutide väljundi ja esitada selle HTML-elementides. Loo selleks tühi muutuja meinText ja lisa ervärsid assotsiatiivsetest nimekirjadest. On kasulik lisada igale atribuudile reavahetus, et tulemused oleksid eraldi ridades.
Et tulemust kuvada kanvas-elemendis, võiksid kasutada document.getElementById('Canvas').innerHTML. See võimaldab sul näidata kokku pandud teksti, mis loetleb objekti kõik omadused.
Nüüd soovime väljundit täiustada, märkides atribuudid nimeliselt ja muutes need arusaadavamaks. Sa saad tulemuses lisada atribuute nagu "Eesnimi", "Perekonnanimi" ja "Vanus", et see oleks selgem.
Oletame, et soovid assotsiatiivset nimekirja laiendada, lisades veel ühe atribuudi, näiteks kaalu. Seda on lihtne teha, määrates person.Gewicht, ja näed, et kaal ilmub väljundisse.
Teine oluline kontseptsioon objektidega töötamisel on omaduste kustutamine. Et eemaldada omadus nagu vanus objektist, võid kasutada delete-märksõna. See tähendab, et atribuut ei ole objektis enam olemas.
Neid põhitehnikaid kasutades võimaldab JavaScript sul objekte ja nende omadusi tõhusalt luua, manipuleerida ja kasutada. Sul on nüüd kindel arusaam sellest, kuidas omadused objektides toimivad.
Kokkuvõte – Alused JavaScriptis – 22 objekti omadust
Selles juhendis oled õppinud JavaScriptis objektidega töötamise aluseid. Sa tead nüüd, kuidas omadusi määrata, neile juurde pääseda ja neid tsüklite ja manipuleerimise kaudu hallata. Nende kontseptsioonide mõistmine on oluline tõhusate ja hooldatavate JavaScripti programmide kirjutamiseks.
Korduma kippuvad küsimused
Mis on objektid JavaScriptis?Objektid on andmestruktuurid, mis suudavad salvestada omadusi ja funktsioone.
Kuidas pääsen objektide omadustele juurde?Sa saad kasutada punktmärkust (nt person.Vorname), et pääseda omadustele juurde.
Kuidas saan kõiki objekti omadusi läbi käia?Kasutage for...in tsüklit, et iteratsiooni läbi viia kõigi objekti omaduste kaudu.
Kas ma saan objekti omadusi lisada või kustutada?Jah, sa saad omadusi lisada, kinnitades need otse objektile ja kustutada neid delete-ga.
Millises järjekorras objekti omadused kuvatakse?Järjekord ei ole määratletud, kuna see sõltub implementeerimisest; tavaliselt ilmuvad need järjekorras, kuidas nad on lisatud.
