Controlla se l'oggetto è vuoto in JavaScript
-
Usa
hasOwnProperty()per controllare se un oggetto è vuoto in JavaScript -
Usa
Object.key()per controllare se un oggetto è vuoto in JavaScript -
Usa la libreria
Underscore.jsper verificare se un oggetto è vuoto in JavaScript
Gli oggetti svolgono un ruolo significativo in JavaScript poiché ci consentono di strutturare, mantenere e trasferire i dati; tuttavia, ci sono momenti in cui gli oggetti che otteniamo sono vuoti. In questo articolo, mostreremo alcuni metodi su come controllare se un oggetto è vuoto in JavaScript.
Usa hasOwnProperty() per controllare se un oggetto è vuoto in JavaScript
Possiamo verificare se la proprietà specificata è presente o meno nell’oggetto. Nell’esempio seguente, stiamo controllando due oggetti per la presenza della proprietà prop. La funzione isObjEmpty() restituisce il comando booleano se l’oggetto è vuoto.
Questa funzione restituisce False se la proprietà specificata è presente; in caso contrario, restituisce True. Tieni presente che questo metodo è utile solo se non è disponibile il supporto per ECMAScript 5; controllare il seguente processo se ECMAScript 5 è disponibile:
const obj1 = {
one: 1,
two: 2,
three: 3
};
const obj2 = {};
console.log('Is Object 1 Empty? : ', isObjEmpty(obj1));
console.log('Is Object 2 Empty? : ', isObjEmpty(obj2));
function isObjEmpty(obj) {
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) return false;
}
return true;
}
Produzione:
Is Object 1 Empty? : false
Is Object 2 Empty? : true
Usa Object.key() per controllare se un oggetto è vuoto in JavaScript
Nell’esempio precedente, abbiamo visto come possiamo verificare se l’oggetto è vuoto in JavaScript; tuttavia, si ottengono risultati diversi se disponiamo del supporto per ECMAScript 5.
In questo esempio, useremo il comando Object.keys() per verificare se l’oggetto ha delle chiavi. Se la lunghezza delle chiavi è zero, allora è vuota; altrimenti non è vuoto.
const obj1 = {
one: 1,
two: 2,
three: 3
};
const obj2 = {};
console.log('Is Object 1 Empty? : ', isObjEmpty(obj1));
console.log('Is Object 2 Empty? : ', isObjEmpty(obj2));
function isObjEmpty(obj) {
return Object.keys(obj).length === 0;
}
Produzione:
Is Object 1 Empty? : false
Is Object 2 Empty? : true
Usa la libreria Underscore.js per verificare se un oggetto è vuoto in JavaScript
Un altro modo semplice per verificare se non ci sono dati in un oggetto è usare la libreria Undescore.js; è una libreria JavaScript che ha diversi metodi utili. Uno dei metodi è _.isEmpty(), che restituisce true se l’oggetto è vuoto.
Possiamo includere la libreria specificando il suo URL nel tag <script>. Inoltre, possiamo utilizzare un trattino basso per accedere alle sue funzioni come suggerisce il nome.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Empty Object Example</title>
<script src="https://cdn.jsdelivr.net/npm/underscore@1.11.0/underscore-min.js"></script>
</head>
<body>
<script>
const obj1 = { one: 1, two: 2, three: 3 };
const obj2 = {};
console.log("Is Obj1 Empty? : ", _.isEmpty(obj1));
console.log("Is Obj2 Empty? : ", _.isEmpty(obj2));
</script>
</body>
</html>
Produzione:
Is Obj1 Empty? : false
Is Obj2 Empty? : true
Rupam Saini is an android developer, who also works sometimes as a web developer., He likes to read books and write about various things.
LinkedIn