JavaScript-kohteet - Kuinka luoda ja käyttää objektia JavaScript?

Mitä JavaScript-objektit ovat?

Objektit ovat jokaisen oliokeskeisen kielen peruskivi. Objektiivisuuntainen kieli JavaScript ei ole poikkeus tähän käsitteeseen. Koska javascriptiä käytetään laajasti, koska se kykenee tarjoamaan dynaamista käyttäytymistä verkkosivuille, tulisi olla tietoinen javascriptistä ja siitä, kuinka sen objektien kanssa työskennellä.

Javascriptin objektit ovat ryhmä erityyppisiä tietotyyppejä tai objekteja, jotka on koottu ”avain-arvo” -pareiksi. Objektin "avain" -osa ei ole mitään muuta kuin objektin ominaisuuksia.

Tarkastellaan esimerkiksi, että meillä on objekti “Opiskelija”, jossa sen ominaisuudet ovat: etunimi, sukunimi, ikä, opiskelijan tunnus, luokka jne. Tämän opiskelijaobjektin javascript-objektiesitys esitetään seuraavasti:

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)

Huomaa, että ominaisuudet etunimi, sukunimi ja luokka sisältävät merkkijonotietotyypin arvoja, kun taas ikä ja opiskelija_id ovat numerotietotyyppejä.

Kuinka luoda objekti JavaScriptiin?

Objektien luomiseksi javascript tarjoaa muutamia vaihtoehtoja, joiden avulla voidaan luoda kohteita tarpeen mukaan.

1. Objektin alustusohjelman syntaksin hyödyntäminen

Objektin alustajan syntaksi on luettelo ominaisuuksien nimistä (avaimista) ja niiden vastaavista arvoista, jotka on suljettu kihara-aukkoihin ((…)). Yllä olevassa esimerkissä olemme luoneet objektin “opiskelija” käyttämällä objektin alustussyntaksia. Syntaksi on seuraava:

var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)

Ominaisuudet ovat tässä joko primitiivistä tietotyyppiä (merkkijono, numero, Boolean, nolla ja määrittelemättömät ovat JavaScriptin primitiiviset tietotyypit) tai muuta objektia.

Esimerkiksi

var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)

Huomaa, että tässä ”vanhemmat” -ominaisuus on tyyppiobjektia. Se koostuu kahdesta osaominaisuudesta, nimittäin isästä ja äidistä.

2. Konstruktoritoiminnon hyödyntäminen

Määritä tässä tapauksessa ensin konstruktorifunktio vastaavilla ominaisuuksillaan, minkä jälkeen objekti luodaan ”uuden” avainsanan avulla. Määritä sitten arvot tälle vastikään luodulle objektille.

Esimerkki: Tarkastellaan esimerkiksi konstruktoritoimintoa:

function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)

Huomaa, että rakentajan nimen tulisi alkaa isoilla kirjaimilla nimeämiskäytännön mukaisesti.

Nyt luodaan objekti käyttämällä ”uutta” avainsanaa.

var myStudent = new Student('Anita Rai', 14, 'female');

Huomaa myös, että tässä siirrämme arvot vain rakentajalle. Suunnittelija antaa nämä arvot vastaaville ominaisuuksille käyttämällä tätä avainsanaa. Nykyiseen kohteeseen viitataan käyttämällä tätä avainsanaa.

3. Objektin esiintymän hyödyntäminen

Vaihtoehtoisesti voitaisiin käyttää objektiesimerkkiä / objektirakentajaa luomaan ja alustamaan se seuraavasti:

var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;

4. Luo () -menetelmän käyttö objektiluokassa

Objekteja voitaisiin luoda myös objektiluokan tarjoamalla create () -menetelmällä. Luo-menetelmä ottaa objektin prototyypin parametriksi. Tämän vuoksi voitaisiin välttää tarvetta kirjoittaa rakennusfunktiota.

Esimerkiksi

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Tässä “opiskelija” on prototyyppiobjektimme. Nyt luomalla tämän avulla toinen objekti:

var student_1 = object.create(student);

Tässä student_1 -objekti luodaan oppilaan prototyypillä. Jos jokin arvo on muutettava tähän äskettäin luotuun esineeseen, se tehdään seuraavasti:

Student_1.name = “Ananya Gupta”;

Nyt opiskelija_1 -objektilla on samanlaiset ominaisuusarvot kuin opiskelijaobjektilla, paitsi ominaisuuden ”nimi”.

Kuinka käyttää esineitä JavaScript-muodossa?

Nyt kun esine on luotu, seuraava on tiedettävä, kuinka pääsemme siihen? No, javascript tarjoaa kaksi tapaa, joilla pääsee esineeseen:

1. Objektiesityksen käyttäminen

Objektiesimerkkiä käytetään tässä ominaisuuksien käyttämiseen.

Syntaksi: object.property

Esimerkki: harkitse, että olemme määritelleet objektiopiskelijan,

var student = ( name : “Anamika Rai”, age : 14, gender : “female” )

Nyt pääset käsiksi esineeseen ja sen ominaisuuksiin tulostamalla se konsoliin:

console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.

2. Käytä hakasulkeita

Objektiominaisuus sijoitetaan hakasulkeisiin objektin jälkeen.

Syntaksi: object('property')

Esimerkki: pääsy yllä olevaan opiskelijaobjektiin hakasulkeilla,

console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.

JavaScript-objektimenetelmät

Harvat enimmäkseen käytetyt javascript-menetelmät ovat seuraavat:

1. create (): Kuten olemme jo nähneet yllä, tätä menetelmää käytetään luomaan javascript-objekteja prototyyppiobjektista.
2. on (): Tämä menetelmä ottaa toisen objektin parametrina ja määrittää, ovatko molemmat objektit yhtä suuret ja palauttavat Boolen arvon. Eli jos molemmat esineet ovat samat, niin "tosi" palautetaan, muuten "väärät".
3. avaimet (): Avaimet () -menetelmä ottaa javascript-objektin parametriksi ja palauttaa joukon sen ominaisuuksista.
4. arvot (): Samoin arvojen menetelmä ottaa javascript-objektin parametriksi ja palauttaa joukon sen arvoista.
5. entry (): Tämä menetelmä ottaa parametriksi myös javascript-objektin ja palauttaa taulukon, joka sisältää toisen taulukon molemmista avain-arvopareista. Esimerkki: Tarkastellaan vielä kerran opiskelijaobjektiamme,

console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))

johtopäätös

Tämä artikkeli antaa kuvan siitä, mitä javascript-objektit tarkalleen ovat, ja niiden luomisen eri tavoista. Siinä keskustellaan myös näiden esineiden ominaisuuksista ja siitä, miten niihin pääsee eri tavoin. Lopuksi, tavallisimmin käytettävät menetelmät, jotka on tiedettävä työskennellä javascript-objektien kanssa.

Suositellut artikkelit

Tämä on opas JavaScript-objekteihin. Tässä keskustellaan siitä, miten luodaan objekti JavaScriptiin ja kuinka päästä esineisiin JavaScript-tilassa. Saatat myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

1. Rakentaja JavaScript
2. Ohittaminen JavaScriptissä
3. JavaScriptin ominaisuudet
4. Kuinka JavaScript toimii
5. Objekti Java