Hvad er JavaScript-objekter?
Objekter er de grundlæggende byggesten til hvert objektorienteret sprog. JavaScript er et objektorienteret sprog er ingen undtagelse fra dette koncept. Da javascript bliver bredt anvendt på grund af dets evne til at give dynamisk opførsel til websider, skal man være opmærksom på javascript og hvordan man arbejder med dets objekter.
Objekter i javascript er en gruppe af forskellige datatyper eller objekter, der er sammensat som "nøgleværdi" -par. Den "nøgle" del af objektet er intet andet end objektegenskaberne.
Lad os f.eks. Overveje, at vi har et objekt “Student”, hvor dets egenskaber er: fornavn, efternavn, alder, student_id, klasse osv. Javascript-objektrepræsentationen for dette studentobjekt repræsenteres som følger:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Bemærk her, at egenskaberne fornavn, efternavn og klasse indeholder værdier for strengdatatype, hvorimod alder og student_id er af nummertypen.
Sådan opretter du et objekt i JavaScript?
For at oprette objekter giver javascript et par muligheder, som man kan bruge til at oprette objekter efter ens behov.
1. Brug af Object Initializer Syntax
Objektinitialisatorsyntax er en liste over egenskabsnavne (nøgler) sammen med deres respektive værdier, der er lukket inden for krøllede seler ((…)). I eksemplet ovenfor har vi oprettet objektet "studerende" ved hjælp af syntaks til objektinitialiser. Syntaks er som følger:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Her er egenskaberne enten af en primitiv datatype (streng, antal, boolsk, null og udefineret er de primitive datatyper i javascript) eller et andet 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')
)
Bemærk, at her "forældre" egenskab er af typen objekt. Det består af to underegenskaber, nemlig henholdsvis far og mor.
2. Brug af konstruktørfunktion
I dette tilfælde definerer først en konstruktorfunktion med dens respektive egenskaber, hvorefter der oprettes dens objekt ved hjælp af det "nye" nøgleord. Derefter tildeles værdierne til dette nyoprettede objekt.
For eksempel: Lad os overveje en konstruktørfunktion, siger Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Bemærk, at konstruktørens navn skal starte med en stor bogstav i henhold til navnekonventionen.
Lad os nu oprette objektet ved hjælp af det "nye" nøgleord.
var myStudent = new Student('Anita Rai', 14, 'female');
Bemærk også, at her overfører vi kun værdierne til konstruktøren. Konstruktøren tildeler disse værdier til de respektive egenskaber ved hjælp af "dette" nøgleord. Det aktuelle objekt henvises til ved hjælp af "dette" nøgleord.
3. Brug af forekomsten af et objekt
Alternativt kunne man bruge objektinstansen / objektkonstruktøren til at oprette og initialisere den som følger:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Brug af Create () -metoden i Object Class
Man kunne også oprette objekter ved hjælp af metoden create () leveret af objektklassen. Oprettelsesmetoden indtager en objektprototype som en parameter. På grund af dette kunne man undgå at skulle skrive en konstruktorfunktion.
For eksempel
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Her er "studerende" vores prototype-objekt. Lad os nu oprette et andet objekt ved hjælp af dette:
var student_1 = object.create(student);
Her oprettes studenten_1-objektet ved hjælp af studentprototypen. Hvis man har brug for at ændre nogen af værdierne til dette nyoprettede objekt, gøres det som følger:
Student_1.name = “Ananya Gupta”;
Student_1-objekt har nu lignende egenskabsværdier som værdien for studentobjekt bortset fra egenskaben "navn".
Sådan får du adgang til objekter i JavaScript?
Nu, hvor objektet er oprettet, er den næste ting, man skal vide, hvordan får vi adgang til det? Javascript giver to måder, hvorpå man kan få adgang til objektet:
1. Brug af en objektforekomst
Her bruges objektforekomsten til at få adgang til dens egenskaber.
Syntaks: object.property
For eksempel: overveje, at vi har en objekt-studerende defineret,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
For nu at få adgang til objektet og dets egenskaber, lad os udskrive det til konsollen:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Brug af firkantede konsoller
Objektegenskaben placeres inden firkantede parenteser efter selve objektet.
Syntaks: object('property')
For eksempel: Adgang til ovenstående studentobjekt ved hjælp af firkantede parenteser,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript-objektmetoder
Få mest anvendte javascript-metoder er som følger:
- create (): Som vi allerede har set ovenfor, bruges denne metode til at oprette javascript-objekter fra et prototypeobjekt.
- er (): Denne metode tager et andet objekt ind som en parameter og bestemmer, om begge objekter er ens og returnerer en boolsk værdi. Det er, hvis begge objekter er ens, returneres "sand", ellers "falsk".
- nøgler (): Metoden nøgler () tager javascript-objektet ind som en parameter og returnerer en matrix af dens egenskaber.
- værdier (): Tilsvarende tager værdimetoden et javascript-objekt som en parameter og returnerer en matrix af dens værdier.
- poster (): Denne metode indtager også et javascript-objekt som en parameter og returnerer en matrix, der indeholder en anden matrix af begge nøgleværdipar. Eksempel: Lad os overveje vores "studerende" -objekt endnu en gang,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Konklusion
Denne artikel giver en idé om, hvad javascript-objekter er nøjagtigt, og de forskellige måder, man kan oprette dem på. Den drøfter også de egenskaber, disse objekter har, og hvordan man kunne få adgang til dem på forskellige måder. Endelig er de mest almindeligt anvendte metoder man skal være opmærksom på for at arbejde med javascript-objekter.
Anbefalede artikler
Dette er en guide til JavaScript-objekter. Her diskuterer vi, hvordan man opretter et objekt i JavaScript, og hvordan man får adgang til objekter i JavaScript. Du kan også se på de følgende artikler for at lære mere -
- Konstruktør i JavaScript
- Overskydende i JavaScript
- Funktioner i JavaScript
- Sådan fungerer JavaScript
- Objekt i Java