Comment vérifier si un objet est vide en JavaScript
-
Utilisez
hasOwnProperty()pour vérifier si un objet est vide en JavaScript -
Utilisez
Object.key()pour vérifier si un objet est vide en JavaScript -
Utilisez la bibliothèque
Underscore.jspour vérifier si un objet est vide en JavaScript
Les objets jouent un rôle important en JavaScript car ils nous permettent de structurer, de maintenir et de transférer des données ; cependant, il arrive que les objets que nous obtenons soient vides. Dans cet article, nous allons vous montrer quelques méthodes pour vérifier si un objet est vide en JavaScript.
Utilisez hasOwnProperty() pour vérifier si un objet est vide en JavaScript
Nous pouvons vérifier si le bien spécifié est présent dans l’objet ou non. Dans l’exemple ci-dessous, nous vérifions la présence de la propriété prop dans deux objets. La fonction isObjEmpty() retourne la commande boolean si l’objet est vide.
Cette fonction retourne la commande False si la propriété spécifiée est présente ; sinon, elle retourne la commande True. Notez que cette méthode n’est utile que si l’ECMAScript 5 n’est pas pris en charge ; vérifiez le processus suivant si l’ECMAScript 5 est disponible :
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;
}
Production :
Is Object 1 Empty? : false
Is Object 2 Empty? : true
Utilisez Object.key() pour vérifier si un objet est vide en JavaScript
Dans l’exemple précédent, nous avons vu comment nous pouvions vérifier si l’objet est vide en JavaScript ; cependant, les résultats sont différents si nous avons la prise en charge de l’ECMAScript 5.
Dans cet exemple, nous allons utiliser la commande Object.keys() pour vérifier si l’objet a des clés. Si la longueur des clés est égale à zéro, alors il est vide ; sinon, il n’est pas vide.
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;
}
Production :
Is Object 1 Empty? : false
Is Object 2 Empty? : true
Utilisez la bibliothèque Underscore.js pour vérifier si un objet est vide en JavaScript
Un autre moyen facile de vérifier si un objet ne contient pas de données est d’utiliser la bibliothèque Undescore.js ; c’est une bibliothèque JavaScript qui possède plusieurs méthodes utiles. L’une de ces méthodes est _.isEmpty(), qui retourne vrai si l’objet est vide.
Nous pouvons inclure la bibliothèque en spécifiant son URL dans la balise <script>. De plus, nous pouvons utiliser un soulignement pour accéder à ses fonctions comme son nom l’indique.
<!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>
Production :
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