Ulike måter å sjekke om et objekt er tomt i JavaScript

Å sjekke om et objekt er tomt er en vanlig oppgave du kanskje trenger å utføre i daglige programmeringsaktiviteter. JavaScript støtter ikke noen innebygd “Isempty ()” eller “Lengde ()” metode for å sjekke om det spesifiserte objektet er tomt eller ikke. Imidlertid tilbyr det forskjellige måter du kan bruke for å lage en tilpasset løsning i henhold til kravet ditt. I tillegg JavaScript “jQuery”Bibliotek kan også hjelpe deg i denne forbindelse.

Denne oppskrivningen vil undervise forskjellige måter for å bekrefte om en Objektet er tomt i JavaScript. Så la oss starte!

Hvordan sjekke om et objekt er tomt i JavaScript

Før vi hopper på andre måter, vil vi diskutere standardatferden til JavaScript for å bekrefte om et objekt er tomt eller ikke. For dette formålet, oppretter du først et objekt ved å bruke objektets bokstavelige syntaks:

const objekt = ;

Nå kan du sammenligne det med et tomt objekt ved hjelp av den strenge likestillingsoperatøren “===”:

konsoll.logg (objekt === );

De “Konsoll.Logg()" Metoden kommer tilbake "falsk" Etter å ha utført sammenligningen, noe som betyr at begge operandene ikke er like:

På dette tidspunktet kan du lure på at hvis vi har sammenlignet to tomme JavaScript -objekter, så hvorfor sammenligningsoperatørens retursak er satt som “False” i stedet for “True”?

I eksemplet ovenfor sammenlignet vi objektreferanser, ikke deres verdier, og referansene til disse tomme objektene er ikke de samme. Det er grunnen til at den spesifiserte sammenligningen ikke har vist de forventede resultatene.

Så i JavaScript, er det noen annen måte å bekrefte om et objekt er tomt?

Svaret er ja! JavaScript tilbyr flere metoder for dette formålet, for eksempel:

• Gjenstand.Keys () -metode
• JSON.Stringify () -metode
• Gjenstand.GetOwnPropertyNames () Metode
• jQuery.isEmptyObject () -metode

Vi vil kort diskutere hver av de nevnte metodene i de følgende seksjonene.

Metode 1: Kontroller om et objekt er tomt i JavaScript ved å bruke objekt.Keys () -metode

De "Gjenstand.Keys () ” JavaScript -metoden brukes til å sjekke om objektet har bestått som et argument er tomt eller ikke. Den returnerer en matrise som omfatter objektnøklene. Deretter bruker du det med "lengde" Eiendom vil gi deg beskjed om antall objektnøkler som er til stede i matrisen.

Syntaks

Gjenstand.nøkler (objekt).lengde === 0

De "gjenstand" bestått som et argument vil bli betraktet som en "tømme" objekt hvis "lengde" Eiendom returnerer “0”.

Eksempel

Vi vil lage to objekter som heter “Ansatt1” og “Employee2”. De “Ansatt1” objektet er tomt da det ikke har et nøkkelverdipar, mens du er i “Ansatt2”, Vi vil legge til to nøkler, "navn Alder," og deres respektive verdier.

Merk: Vi har laget to objekter for å enkelt skille mellom utgangen for et tomt og ikke-tomt objekt.

const ansatt1 = ;
const ansatt2 = navn: 'Alex', alder: 32;

Legg nå til følgende kode i programmet:

konsoll.Logg (objekt.Nøkler (Ansatt1).lengde === 0);
konsoll.Logg (objekt.Nøkler (Ansatt2).lengde === 0);

Henrettelse av det gitte Gjenstand.Keys () -metode Oppretter først en matrise som omfatter tastene til det passerte objektet; og så "lengde" Eiendomssjekker Array Lengde ved hjelp av den strenge likheten Operatør “===”. Denne operasjonen vil sende ut "ekte" Hvis det eksisterer ingen nøkler i en matrise og "falsk", I tilfelle nøkler blir funnet:

Metode 2: Kontroller om et objekt er tomt i JavaScript ved hjelp av JSON.Stringify () -metode

De “Json.Stringify () ” Metode konverterer et JavaScript -objekt til en streng. Hvis den resulterende strengen bare har åpnings- og lukkende seler “”, det betyr at vi strenger et tomt JavaScript -objekt.

Syntaks

konsoll.Logg (JSON.stringify (objekt) === '');

Her, The “Json.Stringify () ” metoden vil godta en "gjenstand", konverterer den til en streng, og sjekk deretter om den er tom eller ikke.

Eksempel

Vi vil bruke “Json.Stringify () ” metode for å sjekke om den opprettet “Ansatt1” og “Employee2” Objekter er tomme:

konsoll.Logg (JSON.Stringify (ansatt1) === '');
konsoll.Logg (JSON.Stringify (Employee2) === '');

Som “Ansatt1” er et tomt objekt så det påkalte JSON.Stringify () -metode vil returnere "Sann," og for "ansatt2," Returssaken vil bli satt til "falsk":

Metode 3: Kontroller om et objekt er tomt i JavaScript ved hjelp av objekt.GetOwnPropertyNames () Metode

"Gjenstand.getownPropertyNames () ” er en JavaScript innebygd objektmetode som returnerer en matrise som inneholder objektegenskaper som elementer. Verifisere "lengde" av den returnerte matrisen kan også bidra til å sjekke om et bestått objekt er tomt eller ikke.

Syntaks

Gjenstand.GetOwnPropertyNames (Employee1).lengde === 0)

Her, The "Gjenstand.getownPropertyNames () ” Metode godtar et JavaScript "gjenstand" som et argument og “Lengde” eiendom returnerer “0”, Hvis det spesifiserte objektet er tomt.

Eksempel

I dette eksemplet vil vi påkalle Gjenstand.GetOwnPropertyNames () metode for å sjekke om “Ansatt1” og “Employee2” Objekter er tomme:

konsoll.Logg (objekt.GetOwnPropertyNames (Employee1).lengde === 0);
konsoll.Logg (objekt.GetOwnPropertyNames (Employee2).lengde === 0);

Produksjon

Som du kan se, "Gjenstand.getownPropertyNames () ” Metoden har kommet tilbake “Sann” for “Ansatt1” fordi det er et tomt objekt, og returtilfeltet for den andre metodeutgangen “False” som “ansatt2” er et ikke-tomt objekt, og det har To nøkler.

Metode 4: Kontroller om et objekt er tomt i JavaScript ved hjelp av jQuery.isEmptyObject () -metode

De “JQuery.isEmptyObject () ” Metoden brukes også for å bestemme om et opprettet JavaScript -objekt er tomt eller ikke. Den returnerer en boolsk verdi, hvor "ekte" Angir at "gjenstand" akseptert som et argument er “Tom” og “falsk” indikerer en “Ikke-tom” objekt, med nøkkelverdipar.

Syntaks

jQuery.isEmptyObject (objekt);

Her, The “JQuery.isEmptyObject () ” Metode godtar et JavaScript "gjenstand" som et argument og returnerer en “Boolean” verdi.

Eksempel

I vårt JavaScript -program vil vi nå bruke jQuery.isEmptyObject () metode. Den påkalte metoden kommer tilbake “Sann” når “Ansatt1” blir gitt som et argument og “Falsk” for “ansatte” Ikke-tomt objekt:

jQuery.isEmptyObject (ansatt1);
jQuery.IsemptyObject (Employee2);

Produksjon

Vi har samlet forskjellige måter å sjekke om et objekt er tomt i JavaScript. Bruk eventuelle gitte metoder i programmet ditt og oppnå det nødvendige resultatet.

Konklusjon

Ved hjelp av Gjenstand.Keys (), JSON.Stringify (), objekt.getownPropertyNames (), og jQuery.isEmptyObject () er forskjellige metoder for å bekrefte om et objekt er tomt i JavaScript. De Gjenstand.nøkler () og objekt.GetOwnPropertyNames () Metoder konverterer det passerte objektet til en matrise, og dets “lengde”Eiendom verifiserer matriselengden, mens JSON.Stringify () Metode konverterer det aksepterte objektet til en streng og utfører deretter den samme operasjonen. Til slutt, jQuery.isEmptyObject () Kontrollerer objektet direkte uten å utføre noen konvertering.