JavaScripti objektid - Kuidas luua ja pääseda juurde objektile JavaScriptis?

Lang L: none (table-of-contents):

Anonim

Mis on JavaScripti objektid?

Objektid on iga objektorienteeritud keele põhielementideks. Objektiivse keelena kasutatav JavaScript ei ole selle kontseptsiooni erand. Kuna javascripti võetakse laialdaselt kasutusele tänu oma võimele pakkuda veebilehtedele dünaamilist käitumist, peaks olema teadlik javascriptist ja selle objektidega töötamisest.

Javascriptis olevad objektid on rühm erinevaid andmetüüpe või objekte, mis on kokku pandud “võtme-väärtuse” paaridena. Objekti “võtme” osa pole midagi muud kui objekti atribuudid.

Näiteks mõelgem, et meil on objekt „Õpilane“, kus selle atribuudid on: eesnimi, perekonnanimi, vanus, õpilase_nimi, klass jne. Selle õpilasobjekti javascripti objekti esitus on esindatud järgmiselt:

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

Pange tähele, et atribuudid eesnimi, perekonnanimi ja klass sisaldavad stringi andmetüübi väärtusi, samas kui vanus ja õpilase_id on numbrite andmetüübi väärtused.

Kuidas luua objekti JavaScriptis?

Objektide loomiseks pakub javascript mitmeid võimalusi, mille abil saab objekte luua vastavalt vajadusele.

1. Objekti initsiaatori süntaksi kasutamine

Objekti initsiaatori süntaks on omaduste nimede (võtmete) loetelu koos nende vastavate väärtustega, mis on suletud lokkis traksidega ((…)). Ülaltoodud näites oleme loonud objekti “õpilane”, kasutades objekti initsiaatori süntaksit. Süntaks on järgmine:

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

Siin on atribuudid kas primitiivse andmetüübiga (stringi, arvu, Boolean, null ja defineerimata on primitiivsed andmetüübid javascriptis) või mõne muu objektiga.

Näiteks

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

Pange tähele, et siin on vanemate vara tüüpi objekt. See koosneb kahest alaomadusest, nimelt vastavalt isast ja emast.

2. Konstruktori funktsiooni kasutamine

Sel juhul määrake esiteks konstruktorifunktsioon koos selle vastavate omadustega, misjärel luuakse objekt uue märksõna abil. Seejärel määrake sellele vastloodud objektile väärtused.

Näide: Vaatleme konstruktori funktsiooni, öelge õpilane:

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

Pange tähele, et ehitaja nimi peaks algama nimetamistava kohaselt suurtähtedega.

Nüüd loome objekti, kasutades uut märksõna.

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

Samuti pange tähele, et siin anname väärtused edasi ainult konstruktorile. Ehitaja määrab need väärtused vastavatele omadustele, kasutades seda märksõna. Praegusele objektile viidatakse, kasutades seda märksõna.

3. Objekti eksemplari kasutamine

Teise võimalusena võiks objekti loomiseks ja lähtestamiseks kasutada objekti eksemplari / objekti konstruktorit:

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

4. Loo () meetodi kasutamine objektiklassis

Objekte saab luua ka objektiklassi loodud meetodil create (). Loomise meetod võtab parameetrina objekti prototüübi. Seetõttu võiks vältida konstruktorifunktsiooni kirjutamist.

Näiteks

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

Siin on “õpilane” meie prototüübiobjekt. Nüüd loome selle abil teise objekti:

var student_1 = object.create(student);

Siin luuakse õpilase_1 objekt õpilase prototüübi abil. Kui keegi peab selle vastloodud objekti väärtusi muutma, siis toimitakse järgmiselt.

Student_1.name = “Ananya Gupta”;

Nüüd on õpilase_1 objektil sarnased atribuutide väärtused kui õpilasobjektil, välja arvatud atribuudil „nimi”.

Kuidas pääseda JavaScripti objektidele?

Nüüd, kui objekt on loodud, on vaja teada järgmist, kuidas sellele juurde pääseda? Noh, javascript pakub objektile pääsemiseks kahel viisil:

1. Objektikogumi kasutamine

Objekti eksemplari kasutatakse siin selle omaduste juurde pääsemiseks.

Süntaks: object.property

Näiteks: mõelge, et meil on määratletud objekti õpilane,

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

Objektile ja selle omadustele juurde pääsemiseks prindime selle konsooli:

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

2. Nurksulgude kasutamine

Objekti omadus paigutatakse nurksulgudesse pärast objekti ennast.

Süntaks: object('property')

Näide. Juurdepääs ülaltoodud õpilasobjektile nurksulgude abil,

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

JavaScripti objekti meetodid

Vähesed enamasti kasutatavad javascripti meetodid on järgmised:

  1. luua (): Nagu me juba eespool nägime, kasutatakse seda meetodit javascripti objektide loomiseks prototüübiobjektist.
  2. on (): See meetod võtab parameetrina teise objekti ja määrab, kas mõlemad objektid on võrdsed ja tagastavad tõeväärtuse. See tähendab, et kui mõlemad objektid on võrdsed, tagastatakse „tõene”, muidu „vale”.
  3. võtmed (): võtmed () meetod võtab javascripti objekti parameetriks ja tagastab massiivi selle atribuute.
  4. value (): Samamoodi võtab väärtuste meetod parameetrina javascripti objekti ja tagastab massiivi selle väärtusi.
  5. entry (): See meetod võtab parameetriks ka javascripti objekti ja tagastab massiivi, mis sisaldab mõlema võtme-väärtuse paari teist massiivi. Näide: Vaatleme veel kord oma “õpilase” objekti,

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

Järeldus

See artikkel annab aimu, mis täpselt on javascripti objektid ja kuidas neid luua saab. Samuti käsitletakse nende objektide omadusi ja seda, kuidas neile eri viisil juurde pääseda. Ja lõpuks, JavaScripti objektidega töötamiseks tuleb olla teadlik kõige sagedamini kasutatavatest meetoditest.

Soovitatavad artiklid

See on JavaScripti objektide juhend. Siin arutatakse, kuidas luua objekti JavaScriptis ja kuidas pääseda objektidele JavaScriptis. Võite lisateabe saamiseks vaadata ka järgmisi artikleid -

  1. Ehitaja JavaScriptis
  2. Esmatähtis JavaScriptis
  3. JavaScripti omadused
  4. Kuidas JavaScript töötab?
  5. Objekt Java-s