Hvordan vise objekter i JavaScript?

I JavaScript er et objekt en enkelt enhet med noen spesifikke egenskaper. Disse definerte egenskapene er egenskapene til de gitte objektene. Dessuten er nesten alt et objekt i JavaScript.Derfor bør vi vite hvordan disse objektene kan vises i JavaScript. I JavaScript er forskjellige måter til stede for å vise objekter basert på tilstanden og kravet. Noen av de vanligste måtene å vise et objekt er imidlertid:

• Viser objekter basert på deres egenskaper
• Viser verdier av et objekt som bruker for ... i loop
• Vis verdier ved bruk av metodeobjekt.verdier ()
• Viser objekter ved hjelp av JSON.Stringify () -metode

Nå vil vi utdype alle ovennevnte teknikker for å vise et objekt i en nettleser ved hjelp av eksempler for å gjøre det klart for deg.

Viser objekter basert på deres egenskaper

Det er den vanligste måten å vise objekter på nytt på nytt på nytt på ting ved å få tilgang til de enkelte egenskapene til et objekt. Vi kan bruke to metoder for å få tilgang til et objekt ved å bruke dets egenskaper er som en firkantet brakett eller a (.) operatør. La oss se på eksemplene nedenfor for å forstå det fullstendig.

I det gitte eksemplet er det tilgjengelig et objekt ved å bruke (.) operatør.

Eksempel

var gutt =
Navn: "Alice",
Alder: 25,
Høyde: "5 (ft)"

konsoll.Logg (gutt.Navn + "," + gutt.Alder + "," + gutt.høyde);

I det følgende eksempel får et objekt tilgang ved å bruke firkantede parentes [].

var gutt =
Navn: "Alice",
Alder: 25,
Høyde: "5 (ft)"

konsoll.logg (gutt ['navn']);

Viser verdier av et objekt som bruker i sløyfestruktur

Løkker kan også brukes til å vise og gjenstand og gjenta navnene på egenskapene til et objekt. Fordelen med å operere i en sløyfestruktur er at vi kan få tilgang til alle elementene i et objekt samtidig. JavaScript gir et "for i”Loop for å få tilgang til og manipulere gjenstander.

La oss forstå det ved en eksempeluttalelse.

Eksempel

var gutt =
Navn: "Alicel",
Alder: 30,
Høyde: "5 (ft)"

for (eiendom i gutt)

konsoll.Logg (gutt [eiendom] +"")

Hvis du bruker en for ... i løkken, vil den iterere gjennom navnene på objektegenskaper som en streng. Så vi må bruke et objekt [egenskap] i stedet for et objekt: egenskap.

Vis verdier ved bruk av metodeobjekt.verdier ()

JavaScript har mange forhåndsdefinerte funksjoner og metoder, og det gir også innebygde metoder for tilgang til objektverdier kjent som "Gjenstand.verdier ()”, Som brukes til å vise alle verdiene til et objekt i en matrise. Derfor, for å vise objekter i array -format, bruk objektet.Verdi () Metode som følgende eksempel skildrer.

Eksempel

var gutt =
Navn: "Alice",
Alder: 25,
Høyde: "5 (ft)"

ArrayVal = objekt.verdier (gutt);
konsoll.Log (ArrayVal)

Viser objekter ved hjelp av JSON.Stringify () -metode

JavaScript Object Notation (JSON) er en forhåndsdefinert metode i JavaScript som brukes til å vise hele strukturen til et objekt. Alle JavaScripts må ha en JSON -modul som støtter Stringify () -scenario som også er dyktig til å konvertere et objekt til strenger, som vist i eksemplet nedenfor.

Eksempel

var gutt =
Navn: "Alice",
Alder: 25,
Høyde: "5 (ft)"

objString = json.Stringify (gutt);
konsoll.logg (objString);

Konklusjon

For å vise objekter i JavaScript er noen av de vanligste måtene: å vise objekter basert på egenskapene deres, vise verdier som bruker for ... i loop, vis verdier ved hjelp av metodeobjekt.verdier (), viser objekter ved hjelp av JSON.Stringify () -metode. Denne oppskrivningen forklarer hver metode for å vise objekter i JavaScript kort, sammen med eksemplene for å ha en dyp og klar forståelse.