Różne sposoby sprawdzenia, czy obiekt jest pusty w JavaScript

Sprawdzanie, czy obiekt jest pusty, jest powszechnym zadaniem, które może być konieczne wykonanie w codziennych czynnościach programowania. JavaScript nie obsługuje żadnego wbudowanego „IsEmpty ()” lub „długość ()” metoda sprawdzenia, czy określony obiekt jest pusty, czy nie. Oferuje jednak różne sposoby wykorzystania do tworzenia niestandardowego rozwiązania zgodnie z wymaganiami. Dodatkowo JavaScript „JQuery„Biblioteka może również pomóc w tym względzie.

Ten zapis będzie nauczył różne sposoby Aby sprawdzić, czy Obiekt jest pusty w JavaScript. A więc zacznijmy!

Jak sprawdzić, czy obiekt jest pusty w JavaScript

Przed wskoczeniem na inne sposoby omówimy domyślne zachowanie JavaScript w celu sprawdzenia, czy obiekt jest pusty, czy nie. W tym celu najpierw utwórz obiekt, używając literalnej składni obiektu:

const obiekt = ;

Teraz porównaj go z pustym obiektem za pomocą operatora ścisłego równości „===”:

konsola.log (object === );

"konsola.dziennik()" Metoda powróci "FAŁSZ" Po przeprowadzeniu porównania, co oznacza, że ​​oba operandy nie są równe:

W tym momencie możesz się zastanawiać, że jeśli porównaliśmy dwa puste obiekty JavaScript, to dlaczego przypadek powrotu operatora porównawczego jest ustawiony jako „Fałsz” zamiast „prawda”?

W powyższym przykładzie porównaliśmy Odniesienia obiektowe, nie ich wartości, a odniesienia do tych pustych obiektów nie są takie same. To jest powód, dla którego określone porównanie nie wykazało oczekiwanych wyników.

Tak więc, w JavaScript, istnieje inny sposób weryfikacji, czy obiekt jest pusty?

Odpowiedź brzmi tak! JavaScript oferuje kilka metod do tego celu, takich jak:

• Obiekt.Metoda Keys ()
• JSON.metoda stringify ()
• Obiekt.metoda getownPropertynames ()
• JQuery.Metoda isemptyObject ()

W następnych sekcjach omówimy krótko każdą z wymienionych metod.

Metoda 1: Sprawdź, czy obiekt jest pusty w JavaScript za pomocą obiektu.Metoda Keys ()

"Obiekt.Klucze()" Metoda JavaScript służy do sprawdzenia, czy obiekt przekazany jako argument jest pusty, czy nie. Zwraca tablicę zawierającą klucze obiektu. Następnie wykorzystując go z "długość" właściwość poinformuje Cię o liczbie kluczy obiektowych obecnych w tablicy.

Składnia

Obiekt.klucze (obiekt).Długość === 0

"obiekt" przekazane jako argument będzie uważany za "pusty" obiekt, jeśli "długość" Zwroty nieruchomości „0”.

Przykład

Utworzymy dwa obiekty wymienione „Pracownik 1” i „Pracownik2”. „Pracownik 1” Obiekt jest pusty, ponieważ nie ma pary wartości kluczowej, podczas gdy w „Pracownik2”, Dodamy dwa klucze, "imię Wiek," i ich odpowiednie wartości.

Notatka: Stworzyliśmy dwa obiekty, aby łatwo rozróżnić wyjście dla pustego i nie pustego obiektu.

const Employee1 = ;
const pracownika2 = nazwa: „Alex”, wiek: 32;

Teraz dodaj następujący kod w programie:

konsola.log (obiekt.klucze (pracownik 1).długość === 0);
konsola.log (obiekt.klucze (pracownik2).długość === 0);

Wykonanie danego Obiekt.Metoda Keys () Najpierw tworzy tablicę zawierającą klucze przekazanego obiektu; a później "długość" Sprawdzanie właściwości długość tablicy za pomocą ścisłej równości operator „===”. Ta operacja będzie wyprowadzić "PRAWDA" Jeśli nie ma kluczy w tablicy i "FAŁSZ", W przypadku znalezienia kluczy:

Metoda 2: Sprawdź, czy obiekt jest pusty w JavaScript za pomocą JSON.metoda stringify ()

„JSON.stringify () ” Metoda przekształca obiekt JavaScript w ciąg. Jeśli wynikowy sznur ma tylko otwierające i zamykające aparaty ortodontyczne „”, Oznacza to, że porytujemy pusty obiekt JavaScript.

Składnia

konsola.Log (JSON.stringify (object) === '');

Tutaj „JSON.stringify () ” Metoda zaakceptuje "obiekt", przekształca go w ciąg, a następnie sprawdź, czy jest pusty, czy nie.

Przykład

Zastosujemy się „JSON.stringify () ” metoda sprawdzenia, czy utworzono „Pracownik 1” i „Pracownik2” Obiekty są puste:

konsola.Log (JSON.stringify (employe1) === '');
konsola.Log (JSON.stringify (employe2) === '');

Jak „Pracownik 1” jest pustym obiektem, więc wywołany JSON.metoda stringify () wróci „True” i dla „pracownika2”, sprawa powrotna zostanie ustawiona na "FAŁSZ":

Metoda 3: Sprawdź, czy obiekt jest pusty w JavaScript za pomocą obiektu.metoda getownPropertynames ()

"Obiekt.getownPropertynames () ” to wbudowana metoda obiektu JavaScript, która zwraca tablicę zawierającą właściwości obiektów jako elementy. Weryfikacja "długość" zwróconej tablicy może również pomóc sprawdzić, czy przekazany obiekt jest pusty, czy nie.

Składnia

Obiekt.GetownPropertynames (pracownik 1).długość === 0)

Tutaj "Obiekt.getownPropertynames () ” Metoda akceptuje JavaScript "obiekt" jako argument i Właściwość „długości” zwraca „0”, Jeśli określony obiekt jest pusty.

Przykład

W tym przykładzie wywołamy Obiekt.GetownPropertynames () Metoda sprawdzania, czy „Pracownik 1” i „Pracownik2” Obiekty są puste:

konsola.log (obiekt.GetownPropertynames (pracownik 1).długość === 0);
konsola.log (obiekt.GetownPropertynames (pracownik2).długość === 0);

Wyjście

Jak widać, "Obiekt.getownPropertynames () ” Metoda powróciła „Prawda” dla „Pracownika 1” Ponieważ jest to pusty obiekt i przypadek powrotu drugiej metody wyjścia „Fałsz” jako „pracownik2” jest obiektem nie pustym i ma dwa klucze.

Metoda 4: Sprawdź, czy obiekt jest pusty w JavaScript za pomocą JQuery.Metoda isemptyObject ()

„JQuery.isEmptyObject () ” Metoda jest również wykorzystywana do ustalenia, czy utworzony obiekt JavaScript jest pusty, czy nie. Zwraca wartość logiczną, gdzie "PRAWDA" Określa, że "obiekt" zaakceptowany jako argument „Pusty” i „Fałsz” wskazuje „Niepłupty” obiekt, mający parę wartości kluczowej.

Składnia

JQuery.isemptyObject (obiekt);

Tutaj „JQuery.isEmptyObject () ” Metoda akceptuje JavaScript "obiekt" jako argument i zwraca „Boolean” wartość.

Przykład

W naszym programie JavaScript będziemy teraz używać JQuery.isEmptyObject () metoda. Powróciła metoda wywołana „Prawda”, gdy „pracownik 1” jest przekazywany jako argument i „Fałsz” dla „pracownika” Niepustysty obiekt:

JQuery.isEmptyObject (pracownik 1);
JQuery.isEmptyObject (pracownik2);

Wyjście

Skompilowaliśmy różne sposoby sprawdzenia, czy obiekt jest pusty w JavaScript. Wykorzystaj dowolne dane metody w swoim programie i osiągnij wymagany wynik.

Wniosek

Za pomocą Obiekt.Keys (), JSON.stringify (), obiekt.GetownPropertynames () i jQuery.isEmptyObject () są różne metody weryfikacji, czy obiekt jest pusty w JavaScript. Obiekt.Keys () i obiekt.GetownPropertynames () Metody przekształcają podany obiekt na tablicę, a „długość„Własność weryfikuje długość tablicy, podczas gdy JSON.stringify () Metoda przekształca zaakceptowany obiekt w ciąg, a następnie wykonuje tę samą operację. W końcu, JQuery.isEmptyObject () bezpośrednio sprawdza obiekt bez wykonywania żadnej konwersji.