Objekt och objektkonstruktörer i JavaScript?
I den levande världen av objektorienterad programmering känner vi redan till betydelsen av klasser och objekt, men till skillnad från andra programmeringsspråk har JavaScript inte de traditionella klasserna som finns i andra språk. Men JavaScript har objekt och konstruktörer som fungerar mestadels på samma sätt för att utföra samma typ av operationer.
- Konstruktörer är allmänna JavaScript-funktioner som används med nyckelordet ”new”. Konstruktörer finns av två typer i JavaScript dvs. inbyggda konstruktörer (array och objekt) och anpassade konstruktörer (definierar egenskaper och metoder för specifika objekt).
- Konstruktörer kan vara användbara när vi behöver ett sätt att skapa en ”typ” av objekt som kan användas flera gånger utan att behöva omdefiniera objektet varje gång, och detta kan åstadkommas med hjälp av Object Constructor-funktionen. Det är en konvention att skriva namnet på konstruktörer med versaler för att skilja dem från vanliga funktioner.
Tänk till exempel på följande kod:
function Automobile(color) { this.color=color; } var vehicle1 = new Automobile ("red"); Funktionen ”Automobile()” är en objektkonstruktör, och dess egenskaper och metoder i.e ”color” deklareras inuti den genom att den föregås av nyckelordet ”this”. Objekt som definieras med hjälp av en objektkonstruktör görs sedan till instanter med hjälp av nyckelordet ”new”.
När new Automobile() anropas gör JavaScript två saker:
- Det skapar ett färskt nytt objekt (instans) Automobile() och tilldelar det till en variabel.
- Det ställer in konstruktörens egenskap dvs. ”color” för objektet till Automobile.
Metoden
Object.keys() används för att returnera en array vars element är strängar som motsvarar de uppräkneliga egenskaper som finns direkt på ett objekt. Ordningen av egenskaperna är densamma som den som ges av objektet manuellt i en slinga tillämpas på egenskaperna.
Object.keys() tar objektet som argument av vilket de uppräkneliga egna egenskaperna ska returneras och returnerar en matris med strängar som representerar alla uppräkneliga egenskaper hos det givna objektet.
Användningar:
- Object.keys() används för att returnera uppräkningsbara egenskaper för en enkel array.
- Object.keys() används för att returnera uppräkningsbara egenskaper för ett array-liknande objekt.
- Object.keys() används för att returnera uppräkningsbara egenskaper hos ett arrayliknande objekt med slumpmässig nyckelordning.
Syntax:
Object.keys(obj)
Använda parametrar:
- obj : Det är objektet vars uppräkningsbara egenskaper ska returneras.
Returnerat värde:
Object.keys() returnerar en array av strängar som representerar alla uppräkningsbara egenskaper för det givna objektet.
Exempel på ovanstående funktion ges nedan.
Exempel:
Input : var check = ; console.log(Object.keys(check));Output :
Förklaring : I det här exemplet har en array ”check” tre egenskapsvärden och metoden object.keys() returnerar de uppräkningsbara egenskaperna för denna array. Ordningen av egenskaperna är densamma som den som ges av objektet manuellt.
Input : var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object));Output :
Förklaring : I det här exemplet har en array som objektet ”check” tre egenskapsvärden { 0: ’x’, 1: ’y’, 2: ’z’ } och metoden object.keys() returnerar de uppräkneliga egenskaperna för den här arrayen. Ordningen av egenskaperna är densamma som den som objektet har angett manuellt.
Input : var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object));Output :
Förklaring: I det här exemplet har en array som objektet ”check” tre egenskapsvärden { 70: ’x’, 21: ’y’, 35: ’z’ } i slumpmässig ordning och metoden object.keys() returnerar de uppräkneliga egenskaperna för den här arrayen i stigande ordning efter indexvärdena.
Koderna för ovanstående funktion finns nedan.
Kod 1:
<script> var check = ; console.log(Object.keys(check)); </script> OUTPUT :
Kod 2:
<script> var object = { 0: 'x', 1: 'y', 2: 'z' }; console.log(Object.keys(object)); </script> UTGÅNG :
Kod 3:
<script> var object = { 70: 'x', 21: 'y', 35: 'z' }; console.log(Object.keys(object)); </script> UTGÅNG :