Modi diversi per verificare se un oggetto è vuoto in JavaScript

Verificare se un oggetto è vuoto è un'attività comune che potresti dover eseguire nelle attività di programmazione quotidiana. JavaScript non supporta alcun intero "IsEmpty ()" o "lunghezza ()" metodo per verificare se l'oggetto specificato è vuoto o no. Tuttavia, offre diversi modi in cui è possibile utilizzare per la creazione di una soluzione personalizzata in base alle tue esigenze. Inoltre, il javascript "jQuery"La biblioteca può anche aiutarti in questo senso.

Questo articolo insegnerà diversi modi per verificare se un file L'oggetto è vuoto in JavaScript. Quindi iniziamo!

Come verificare se un oggetto è vuoto in JavaScript

Prima di saltare in altri modi, discuteremo il comportamento predefinito di JavaScript per verificare se un oggetto è vuoto o no. A tal fine, crea in primo luogo un oggetto utilizzando la sintassi letterale dell'oggetto:

const object = ;

Ora, confrontalo con un oggetto vuoto usando il rigoroso operatore di uguaglianza "===":

console.log (object === );

IL “Console.tronco d'albero()" Il metodo tornerà "Falso" Dopo aver eseguito il confronto, il che significa che entrambi gli operandi non sono uguali:

A questo punto, potresti chiederti che se abbiamo confrontato due oggetti JavaScript vuoti, allora perché il caso di ritorno dell'operatore di confronto è impostato come imposta "Falso" invece di "vero"?

Nell'esempio sopra, abbiamo confrontato il Riferimenti di oggetti, non il loro valori, e i riferimenti di questi oggetti vuoti non sono gli stessi. Questo è il motivo per cui il confronto specificato non ha mostrato i risultati previsti.

Quindi, in JavaScript, esiste un altro modo per verificare se un oggetto è vuoto?

La risposta è si! JavaScript offre diversi metodi a questo scopo, come:

• Oggetto.Metodo dei tasti ()
• JSON.Metodo Stringify ()
• Oggetto.metodo getOnPropertyNames ()
• jQuery.metodo isEmptyObject ()

Discuteremo brevemente ciascuno dei metodi menzionati nelle sezioni seguenti.

Metodo 1: verificare se un oggetto è vuoto in JavaScript usando l'oggetto.Metodo dei tasti ()

IL "Oggetto.tasti () " Il metodo JavaScript viene utilizzato per verificare se l'oggetto passato come argomento è vuoto o no. Restituisce un array che comprende i tasti dell'oggetto. Quindi, utilizzandolo con il "lunghezza" La proprietà ti farà conoscere il numero di chiavi oggetto presenti nell'array.

Sintassi

Oggetto.tasti (oggetto).lunghezza === 0

IL "oggetto" superato come argomento sarà considerato come un "vuoto" oggetto se il "lunghezza" Resi della proprietà "0".

Esempio

Creeremo due oggetti denominati "Employee1" e "Employee2". IL "Employee1" L'oggetto è vuoto in quanto non ha una coppia di valore chiave, mentre, in "Employee2", Aggiungeremo due chiavi, "nome età," e i loro rispettivi valori.

Nota: Abbiamo creato due oggetti per distinguere facilmente tra l'output per un oggetto vuoto e non vuoto.

const Employee1 = ;
const Employee2 = nome: 'Alex', età: 32;

Ora, aggiungi il seguente codice nel programma:

console.registro (oggetto.Keys (Employee1).lunghezza === 0);
console.registro (oggetto.Keys (Employee2).lunghezza === 0);

Esecuzione del dato Oggetto.Metodo dei tasti () Prima crea un array che comprende le chiavi dell'oggetto passato; poi il "lunghezza" Controlli della proprietà Lunghezza dell'array usando la severa uguaglianza Operatore "===". Questa operazione uscirà "VERO" Se non esistono chiavi in ​​un array e "Falso", Nel caso in cui le chiavi vengano trovate:

Metodo 2: controlla se un oggetto è vuoto in JavaScript usando JSON.Metodo Stringify ()

IL “Json.Stringify () " Il metodo converte un oggetto JavaScript in una stringa. Se la stringa risultante ha solo le parentesi graffe di apertura e chiusura "", Significa che stringiamo un oggetto JavaScript vuoto.

Sintassi

console.Registro (JSON.stringify (oggetto) === '');

Qui, il “Json.Stringify () " Il metodo accetterà un "oggetto", Convertelo in una stringa e quindi controlla se è vuoto o no.

Esempio

Useremo “Json.Stringify () " metodo per verificare se il creato "Employee1" e "Employee2" Gli oggetti sono vuoti:

console.Registro (JSON.Stringify (Employee1) === '');
console.Registro (JSON.stringify (dipendente2) === '');

COME "Employee1" è un oggetto vuoto, quindi invocati JSON.Metodo Stringify () sarà di ritorno "Vero" e per "Employee2", Il caso di ritorno sarà impostato su "Falso":

Metodo 3: verificare se un oggetto è vuoto in JavaScript usando l'oggetto.metodo getOnPropertyNames ()

"Oggetto.getOnPropertyNames () " è un metodo oggetto incorporato JavaScript che restituisce un array contenente proprietà oggetto come elementi. Verificare il "lunghezza" dell'array restituito può anche aiutare a verificare se un oggetto passato è vuoto o meno.

Sintassi

Oggetto.getOnPropertyNames (Employee1).lunghezza === 0)

Qui, il "Oggetto.getOnPropertyNames () " Il metodo accetta un JavaScript "oggetto" come argomento e il La proprietà "lunghezza" restituisce "0", Se l'oggetto specificato è vuoto.

Esempio

In questo esempio, invocheremo il Oggetto.getOnPropertyNames () metodo per verificare se "Employee1" e "Employee2" Gli oggetti sono vuoti:

console.registro (oggetto.getOnPropertyNames (Employee1).lunghezza === 0);
console.registro (oggetto.getOnPropertyNames (Employee2).lunghezza === 0);

Produzione

Come puoi vedere, il "Oggetto.getOnPropertyNames () " Il metodo è tornato "Vero" per "Employee1" Perché è un oggetto vuoto e il caso di ritorno del secondo metodo output "Falso" come "Employee2" è un oggetto non vuoto e lo ha Due chiavi.

Metodo 4: verificare se un oggetto è vuoto in JavaScript usando jQuery.metodo isEmptyObject ()

IL “JQuery.isEmptyObject () " il metodo viene anche utilizzato per determinare se un oggetto JavaScript creato è vuoto o no. Restituisce un valore booleano, dove "VERO" specifica che il "oggetto" accettato come argomento è "Vuoto" e "falso" indica a "Non vuoto" oggetto, con coppie di valore chiave.

Sintassi

jQuery.isEmptyObject (oggetto);

Qui, il “JQuery.isEmptyObject () " Il metodo accetta un JavaScript "oggetto" come argomento e restituisce un "Booleano" valore.

Esempio

Nel nostro programma JavaScript, ora useremo il jQuery.isEmptyObject () metodo. Il metodo invocato tornerà "Vero" quando "Employee1" è passato come argomento e "Falso" per il "dipendente" Oggetto non vuoto:

jQuery.isEmptyObject (dipendente1);
jQuery.isEmptyObject (dipendente2);

Produzione

Abbiamo compilato diversi modi per verificare se un oggetto è vuoto in JavaScript. Utilizza tutti i metodi determinati nel programma e raggiungi il risultato richiesto.

Conclusione

Usando Oggetto.keys (), json.Stringify (), oggetto.getOnPropertyNames () e jQuery.isEmptyObject () sono metodi diversi da verificare se un oggetto è vuoto in JavaScript. IL Oggetto.tasti () e oggetto.getOnPropertyNames () metodi convertono l'oggetto passato in un array e il suo "lunghezza"La proprietà verifica la lunghezza dell'array, mentre il JSON.Stringify () Il metodo converte l'oggetto accettato in una stringa e quindi esegui la stessa operazione. da ultimo, jQuery.isEmptyObject () Controlla direttamente l'oggetto senza eseguire alcuna conversione.