JavaScript -objekter forklart

JavaScript-objekter er implementeringen av det virkelige objektet på et programmeringsspråk, alt i JavaScript er et objekt. JavaScript er et programmeringsspråk som ofte tar feil av å være et klassebasert programmeringsspråk, men i virkeligheten er det et objektbasert programmeringsspråk.

Objekter i JavaScript brukes til å etterligne oppførselen til gjenstander i den virkelige verden; For eksempel har en frukt sine egenskaper som navn, farge, form, smak og sesong. I JavaScript kan du definere denne enheten "frukt" mot nøkkelverdipar, nøkler er egenskapene og verdiene som er faktiske verdier av den egenskapen.

EN fruktobjekt I JavaScript.

frukt =
Navn: "Apple",
form: "sirkulær",
Smak: "Mest søtt, men også bitter",
Sesong: "Alle sesonger"

Du skiller en nøkkel og verdi ved å sette en kolon “:” i mellom dem, og du legger et komma mellom forskjellige nøkkelverdipar. Dette mønsteret eller strukturen for å definere en virkelighetsenhet er lik et JSON-objekt, og dette er fordi JSON er basert på JavaScript-objektdefinisjonen.

JavaScript -objekter og egenskaper

Å lage eller definere et objekt kan gjøres på to måter:

• Ved å bruke “ny”Nøkkelord
• Ved å bruke krøllete “” å omslutte nøkkelverdiparene

Opprette et JS -objekt ved å bruke det nye nøkkelordet

Det "nye" nøkkelordet betyr å lage en ny forekomst av et objektkonstruktør. For å opprette et objekt ved hjelp av det "nye" nøkkelordet, oppretter du en variabel og deretter setter det lik objektkonstruktøren med det "nye" nøkkelordet; og legg til nøkkelverdipar ved å bruke “Dot-Operator”.

Syntaks

variablename = nytt objekt (); // Oppretter en forekomst av objektet
variablename.PropertyName = PropertyValue; // gir et nøkkelverdipar til objektet

Du kan opprette et objekt av en person som har egenskapene: Fornavn, etternavn, alder og jobb med følgende kodelinjer:

var person = nytt objekt ();
person.FirstName = "John";
person.lastName = "doe";
person.alder = 27;
person.Job = "revisor";

Den første uttalelsen oppretter en variabel med identifikatoren "person" og kaller objektet () konstruktøren ved å bruke "ny”Nøkkelord.

De neste fire utsagnene brukes til å angi 4 egenskaper eller "nøkkelverdi" par av objektet. Eiendomsnavnet er skrevet med identifikatoren til objektet ved å bruke en “Dot-Operator”, Og verdien av operatøren er gitt etter tildelingsoperatøren”=”.

Du kan skrive ut dette objektet som du nettopp har opprettet ved å bruke følgende uttalelse:

konsoll.logg (person);

Når du utfører koden, vil du få utdataene:

Objektet skrives ut på konsollen, og du kan se nøkkelverdiparene tydelig.

Opprette et JS -objekt ved hjelp av krøllete parentes

En annen måte å lage JavaScript er å lage en variabel og sette den lik nøkkelverdipar (som er lukket inne i krøllete seler) direkte, dette er kjent som å definere et objekt ved hjelp av syntaks for bokstavelig objekt syntaks.

Syntaks

Variablename = PropertyName: PropertyValue;

Du kan opprette samme personobjekt med de samme egenskapene ved å bruke den bokstavelige syntaks:

var person =
FirstName: "John",
LastName: "Doe",
Alder: 27,
Jobb: "Revisor",
;

Du setter den variable “personen” lik nøkkelverdipar som er lukket inne i krøllete seler . Hvert nøkkelverdipar er atskilt med komma "," Nøkler og verdier er atskilt med en kolon ":"

Du kan skrive ut dette objektets nøkkelverdipar på konsollen med følgende kommandoer.

konsoll.logg (person);

Når du utførte dette kodebiten, ser du følgende utdata:

Du kan se nøkkelverdiparene på konsollen, strengverdiene er vedlagt i anførselstegnene, og heltallverdiene er ikke vedlagt av noe.

Hente verdier fra objektegenskaper

Du kan få verdier fra objektegenskapen ved å bruke to måter:

Den ene er å bruke Simple Dot Syntax:

Objektnavn.eiendomsnavn;

Den andre måten er å bruke matrisen som får tilgang til syntaks som:

ObjectName ["PropertyName"];

Ta personobjektet fra eksemplene ovenfor som vi opprettet med følgende kode:

var person =
FirstName: "John",
LastName: "Doe",
Alder: 27,
Jobb: "Revisor",
;

Vi kan få tilgang til dens egenskaper ved å bruke begge følgende måter:

konsoll.Logg (person.fornavn);
konsoll.Logg (person ["etternavn"]);

Den første uttalelsen får tilgang til verdien ved hjelp av dot-operatøren; Den andre uttalelsen får tilgang til verdien ved å bruke array -metodene, utdataene til koden vil være:

Det handler om JavaScript -objekter.

Konklusjon

Enheter i den virkelige verden kan alle være representert på JavaScript-programmeringsspråk sammen med deres egenskaper ved å bruke Objekter, som definerer en enhets egenskaper ved å bruke en nøkkelverdi par. Vi lærte hvordan et objekt fungerer i JavaScript, hvordan lage et objekt ved hjelp av forskjellige metoder, og hvordan du kan hente data fra et objekt ved hjelp av eksempler der vi konverterte et virkelighetsobjekt til et programmeringsplaggobjekt.