Hva er JavaScript-objekter?
Objekter er de grunnleggende byggesteinene for hvert objektorientert språk. JavaScript som et objektorientert språk er ikke noe unntak fra dette konseptet. Når javascript er mye brukt på grunn av sin evne til å gi dynamisk oppførsel til websider, bør man være klar over javascript og hvordan man kan jobbe med objektene.
Objekter i javascript er en gruppe forskjellige datatyper eller objekter satt sammen som "nøkkelverdi" -par. Den "viktige" delen av objektet er ikke annet enn objektegenskapene.
La oss for eksempel vurdere at vi har et objekt “Student”, der dets egenskaper er: fornavn, etternavn, alder, student_id, klasse osv. Javascript-objektrepresentasjonen for dette studentobjektet vil bli representert som følger:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Merk deg at egenskapene fornavn, etternavn og klasse inneholder verdier av strengdatatype, mens alder og student_id er av talldatatypen.
Hvordan lage et objekt i JavaScript?
For å lage objekter, gir javascript noen få alternativer der du kan lage objekter etter behov.
1. Benytter seg av Object Initializer Syntax
Objektinitieringssyntaks er en liste over egenskapsnavn (nøkler) sammen med deres respektive verdier, lukket i krøllete seler ((…)). I eksemplet over har vi opprettet objektet "student" ved hjelp av syntaks for objektinitieringsprogram. Syntaksen er som følger:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Her er egenskapene enten av en primitiv datatype (streng, antall, boolsk, null og udefinert er de primitive datatypene i javascript) eller et annet objekt.
For eksempel
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Merk at her er foreldreegenskaper av typen objekt. Den består av to underegenskaper, nemlig henholdsvis far og mor.
2. Bruke konstruktørfunksjon
I dette tilfellet definerer først en konstruktorfunksjon med de respektive egenskapene, og deretter oppretter dens objekt ved hjelp av det "nye" nøkkelordet. Tilordn deretter verdiene til dette nyopprettede objektet.
For eksempel: La oss vurdere en konstruktørfunksjon, si Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Merk at konstruktørens navn skal starte med en stor bokstav i henhold til navnekonvensjonen.
La oss nå lage objektet ved hjelp av det "nye" søkeordet.
var myStudent = new Student('Anita Rai', 14, 'female');
Legg også merke til at her overfører vi bare verdiene til konstruktøren. Konstruktøren tildeler disse verdiene til de respektive egenskapene ved å bruke "dette" nøkkelordet. Det nåværende objektet blir referert til ved å bruke "dette" nøkkelordet.
3. Bruke forekomsten av et objekt
Alternativt kan man benytte seg av objektforekomsten / objektkonstruktøren for å opprette og initialisere det som følger:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Bruke metoden Create () i Object Class
Man kan også lage objekter ved å bruke create () -metoden levert av objektklassen. Opprettingsmetoden tar inn en objektprototype som en parameter. På grunn av dette kunne man unngå å måtte skrive en konstruksjonsfunksjon.
For eksempel
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Her er "student" vårt prototypeobjekt. Nå, med dette, la oss lage et annet objekt:
var student_1 = object.create(student);
Her blir student_1-objektet opprettet ved hjelp av studentprototypen. Hvis man trenger å endre noen av verdiene til dette nyopprettede objektet, gjøres det som følger:
Student_1.name = “Ananya Gupta”;
Student_1-objektet har liknende egenskapsverdier som studentobjektet bortsett fra egenskapen "navn".
Hvordan få tilgang til objekter i JavaScript?
Nå som objektet er opprettet, er det neste du trenger å vite, hvordan får vi tilgang til det? Javascript gir to måter å bruke hvilke man kan få tilgang til objektet på:
1. Bruke et objektforekomst
Her brukes objektforekomsten for å få tilgang til dens egenskaper.
Syntaks: object.property
For eksempel: vurder at vi har en objektstudent definert,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Nå for å få tilgang til objektet og dets egenskaper, la oss skrive det ut til konsoll:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Bruk firkantede parenteser
Objektegenskapen plasseres innenfor firkantede parenteser etter selve gjenstanden.
Syntaks: object('property')
For eksempel: Få tilgang til studentobjektet ovenfor ved hjelp av firkantede parenteser,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript-objektmetoder
Få mest brukte javascript-metoder er som følger:
- create (): Som vi allerede har sett ovenfor, brukes denne metoden til å lage javascript-objekter fra et prototypeobjekt.
- er (): Denne metoden tar inn et andre objekt som en parameter, og avgjør om begge objektene er like og returnerer en boolsk verdi. Det er hvis begge objektene er like, blir "sann" returnert, ellers "usann".
- nøkler (): Tastene () -metoden tar inn JavaScript-objektet som en parameter og returnerer en rekke egenskaper.
- verdier (): Tilsvarende tar verdimetoden inn et javascript-objekt som en parameter og returnerer en rekke verdier.
- oppføringer (): Denne metoden tar også inn et javascript-objekt som en parameter og returnerer en matrise, som inneholder en annen gruppe med begge nøkkelverdipar. Eksempel: La oss vurdere "student" -objektet vårt en gang til,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Konklusjon
Denne artikkelen gir en ide om hva javascript-objekter er, og hvilke måter man kan lage dem. Den diskuterer også egenskapene som disse objektene har, og hvordan man kunne få tilgang til dem på forskjellige måter. Til slutt, de mest brukte metodene man trenger å være klar over for å jobbe med javascript-objekter.
Anbefalte artikler
Dette er en guide til JavaScript-objekter. Her diskuterer vi hvordan du oppretter et objekt i JavaScript og hvordan du får tilgang til objekter i JavaScript. Du kan også se på følgende artikler for å lære mer -
- Konstruktør i JavaScript
- Overstyrer i JavaScript
- Funksjoner av JavaScript
- Slik fungerer JavaScript
- Objekt i Java