Verschiedene Möglichkeiten, um zu überprüfen, ob ein Objekt in JavaScript leer ist

Überprüfen Sie, ob ein Objekt leer ist. JavaScript unterstützt keine integrierten Integration "Isempty ()" oder "Länge ()" Methode, um zu überprüfen, ob das angegebene Objekt leer ist oder nicht. Es bietet jedoch verschiedene Möglichkeiten, wie Sie eine benutzerdefinierte Lösung entsprechend Ihrer Anforderung verwenden können. Zusätzlich das JavaScript “JQueryDie Bibliothek kann Ihnen in dieser Hinsicht auch helfen.

Diese Beschreibung wird lehren verschiedene Wege um zu überprüfen, ob eine Objekt ist in JavaScript leer. So lass uns anfangen!

So überprüfen Sie, ob ein Objekt in JavaScript leer ist

Bevor wir auf andere Wege springen, werden wir das Standardverhalten von JavaScript diskutieren, um zu überprüfen, ob ein Objekt leer ist oder nicht. Erstellen Sie zu diesem Zweck zunächst ein Objekt, indem Sie die Objektliteral -Syntax verwenden:

const Object = ;

Vergleichen Sie es nun mit einem leeren Objekt mit dem strengen Gleichstellungsoperator mit einem leeren Objekt "===":

Konsole.log (Object === );

Der "Konsole.Protokoll()" Methode wird zurückkehren "FALSCH" Nach dem Vergleich, was bedeutet, dass beide Operanden nicht gleich sind:

An diesem Punkt fragen Sie sich möglicherweise, dass, wenn wir zwei leere JavaScript -Objekte verglichen haben "Falsch" statt "wahr"?

Im obigen Beispiel haben wir das verglichen Objektreferenzen, nicht ihre Werte, und die Referenzen dieser leeren Objekte sind nicht gleich. Dies ist der Grund, warum der angegebene Vergleich die erwarteten Ergebnisse nicht gezeigt hat.

In JavaScript gibt es also eine andere Möglichkeit, zu überprüfen, ob ein Objekt leer ist?

Die Antwort ist ja! JavaScript bietet verschiedene Methoden für diesen Zweck, wie zum Beispiel:

• Objekt.Keys () Methode
• JSON.Stringify () Methode
• Objekt.GetownPropertynames () Methode
• JQuery.isemptyObject () Methode

Wir werden in den folgenden Abschnitten kurz die genannten Methoden diskutieren.

Methode 1: Überprüfen Sie, ob ein Objekt in JavaScript mit dem Objekt leer ist.Keys () Methode

Der "Objekt.Schlüssel()" Die JavaScript -Methode wird verwendet, um zu überprüfen, ob das als Argument bestandene Objekt leer ist oder nicht. Es gibt ein Array zurück, das die Objektschlüssel umfasst. Dann verwenden Sie es mit dem "Länge" Die Eigenschaft informiert Sie über die Anzahl der im Array vorhandenen Objektschlüssel.

Syntax

Objekt.Schlüssel (Objekt).Länge === 0

Der "Objekt" als Argument verabschiedet wird als als "leer" Objekt wenn die "Länge" Eigenschaftsrenditen "0".

Beispiel

Wir werden zwei benannte Objekte erstellen "Employee1" und "Employee2". Der "Mitarbeiter1" Das Objekt ist leer, da es kein Schlüsselwertpaar hat, während in "Mitarbeiter2", Wir werden zwei Schlüssel hinzufügen, "name Alter," und ihre jeweiligen Werte.

Notiz: Wir haben zwei Objekte erstellt, um leicht zwischen der Ausgabe für ein leeres und nicht leeres Objekt zu unterscheiden.

const Employee1 = ;
const Employee2 = Name: 'Alex', Alter: 32;

Fügen Sie nun den folgenden Code im Programm hinzu:

Konsole.Protokoll (Objekt.Schlüssel (Mitarbeiter1).Länge === 0);
Konsole.Protokoll (Objekt.Schlüssel (Mitarbeiter2).Länge === 0);

Ausführung der gegebenen Objekt.Keys () Methode Erstellt zuerst ein Array, das die Schlüssel des übergebenen Objekts umfasst; dann ist die "Länge" Die Eigenschaft überprüft die Arraylänge der Array mit der strengen Gleichheit Operator "===". Dieser Vorgang wird ausgegeben "WAHR" Wenn es keine Schlüssel in einem Array gibt und "FALSCH", Falls Schlüssel gefunden werden:

Methode 2: Überprüfen Sie, ob ein Objekt mit JSON in JavaScript leer ist.Stringify () Methode

Der „Json.Stringify () ” Die Methode wandelt ein JavaScript -Objekt in eine Zeichenfolge um. Wenn die resultierende Zeichenfolge nur eine Öffnungs- und Schließspraces hat "", Es bedeutet, dass wir ein leeres JavaScript -Objekt angeben.

Syntax

Konsole.Protokoll (JSON.Stringify (Object) === '');

Hier das „Json.Stringify () ” Methode akzeptiert eine "Objekt", Konvertiert es in eine Zeichenfolge und prüft dann, ob es leer ist oder nicht.

Beispiel

Wir werden uns „Json.Stringify () ” Methode, um zu prüfen, ob das erstellt wurde "Employee1" und "Employee2" Objekte sind leer:

Konsole.Protokoll (JSON.Stringify (Mitarbeiter1) === '');
Konsole.Protokoll (JSON.Stringify (Employee2) === '');

Als "Mitarbeiter1" ist ein leeres Objekt, damit das aufgerufen wird JSON.Stringify () Methode wird zurückkehren "Richtig" und für "Employee2", Der Rückgabefall wird auf festgelegt "FALSCH":

Methode 3: Überprüfen Sie, ob ein Objekt in JavaScript mit dem Objekt leer ist.GetownPropertynames () Methode

"Objekt.GetownPropertynames () ” ist eine JavaScript-integrierte Objektmethode, die ein Array zurückgibt, das Objekteigenschaften als Elemente enthält. Überprüfung der "Länge" des zurückgegebenen Arrays können auch helfen, zu überprüfen, ob ein übergebenes Objekt leer ist oder nicht.

Syntax

Objekt.GetownPropertynames (Mitarbeiter1).Länge === 0)

Hier das "Objekt.GetownPropertynames () ” Methode akzeptiert ein JavaScript "Objekt" als Argument und die Eigenschaft "Länge" gibt "0" zurück, Wenn das angegebene Objekt leer ist.

Beispiel

In diesem Beispiel werden wir die aufrufen Objekt.GetownPropertynames () Methode, um zu überprüfen, ob "Employee1" und "Employee2" Objekte sind leer:

Konsole.Protokoll (Objekt.GetownPropertynames (Mitarbeiter1).Länge === 0);
Konsole.Protokoll (Objekt.GetownPropertynames (Employee2).Länge === 0);

Ausgang

Wie Sie sehen können, die "Objekt.GetownPropertynames () ” Methode ist zurückgegeben "Richtig" für "Employee1" weil es sich um ein leeres Objekt und den Rückgaberfall der zweiten Methodeausgabe handelt "Falsch" als "Mitarbeiter2" ist ein nicht leeres Objekt, und es hat es zwei Schlüssel.

Methode 4: Überprüfen Sie, ob ein Objekt in JavaScript mit JQuery leer ist.isemptyObject () Methode

Der „JQuery.isemptyObject () ” Die Methode wird auch verwendet, um festzustellen, ob ein erstelltes JavaScript -Objekt leer ist oder nicht. Es gibt einen booleschen Wert zurück, wo "WAHR" Gibt an, dass die "Objekt" als Argument akzeptiert ist "Leer" und "falsch" zeigt a an "Nicht-leer" Objekt mit Schlüsselwertpaaren.

Syntax

JQuery.IsEmptyObject (Objekt);

Hier das „JQuery.isemptyObject () ” Methode akzeptiert ein JavaScript "Objekt" als Argument und gibt a zurück a "Boolean" Wert.

Beispiel

In unserem JavaScript -Programm werden wir nun die verwenden JQuery.IsemptyObject () Methode. Die aufgerufene Methode kehrt zurück "Richtig", wenn "Employee1" wird als Argument verabschiedet und "Falsch" für den "Mitarbeiter" Nicht leeres Objekt:

JQuery.IsEmptyObject (Mitarbeiter1);
JQuery.IsemptyObject (Employee2);

Ausgang

Wir haben verschiedene Möglichkeiten zusammengestellt, um zu überprüfen, ob ein Objekt in JavaScript leer ist. Verwenden Sie alle Methoden in Ihrem Programm und erreichen Sie das erforderliche Ergebnis.

Abschluss

Verwendung Objekt.Keys (), Json.Stringify (), Objekt.GetownPropertynames () und JQuery.IsemptyObject () sind verschiedene Methoden, um zu überprüfen, ob ein Objekt in JavaScript leer ist. Der Objekt.Keys () und Objekt.GetownPropertynames () Methoden konvertieren das übergebene Objekt in ein Array und seine “LängeEigenschaft überprüft die Arraylänge, während die JSON.Stringify () Die Methode wandelt das akzeptierte Objekt in eine Zeichenfolge um und führt dann dieselbe Operation durch. zuletzt, JQuery.IsemptyObject () Überprüft das Objekt direkt, ohne Konvertierung durchzuführen.