Comment vérifier si un objet est vide en javascript

Cet article expliquera rapidement comment vérifier si un objet est vide en javascript.

Dans le développement quotidien de JavaScript, vous devrez peut-être vérifier si l'objet est vide. Si vous avez déjà fait cela, vous savez probablement qu'il n'y a pas de solution directe unique. Cependant, vous pouvez utiliser différentes techniques pour créer des solutions personnalisées qui conviennent à vos propres cas d'utilisation. De plus, si vous utilisez une bibliothèque d'utilité JavaScript dans votre projet, la bibliothèque peut déjà fournir un moyen intégré pour vérifier si l'objet est vide.

Méthode moderne (ES5)

Dans cette section, nous discuterons de différentes méthodes que vous pouvez utiliser dans des navigateurs modernes qui prennent en charge les versions ES5.

1. Object.keys() renvoie un tableau de noms d'attribut d'énumération de l'objet donné. Par conséquent, nous pouvons vérifier si l'objet a des propriétés en calculant la longueur de ce tableau.

Regardons l'exemple suivant.

 fonction isEmpTyObject (obj) {
    return object.keys (obj) .length === 0;
}

console.log (iSempTyObject ({}));

var bar = {"foo": "1"};
console.log (objet.keys (bar) .length);
console.log (iSempTyObject (bar));

Comme le montre l'exemple ci-dessus, l'attribut foo est attaché, de sorte que isEmptyObject renvoie la fonction isEmptyObject avec différentes valeurs.

Remarque isEmptyObject rendra true pour l'objet regexp.

 console.log (iSempTyObject (date.Now ()));
console.log (iSempTyObject (new regexp ()));

Soyez également prudent car cette méthode est appelée avec des valeurs non définies. Ils peuvent provoquer des exceptions. Plus tard, nous créerons une solution pare-balles qui n'échoue pas sur l'entrée vide.

 console.log (iSempTyObject (null));

2. Object.getOwnPropertyNames() renvoie un tableau de toutes les propriétés de l'objet donné. Bien qu'il puisse ressembler à Object.keys() , Object.getOwnPropertyNames() considère également les propriétés non dénudées, tandis que Object.keys() manque certaines propriétés déclarées non énumérables.

Regardons l'exemple suivant.

 fonction isEmpTyObject (obj) {
    return object.getownpropertyNames (obj) .length === 0;
}

console.log (iSempTyObject ({}));

var bar = {"foo": "1"};
console.log (object.getownpropertyNames (bar) .length);
console.log (iSempTyObject (bar));

Comme vous pouvez le voir, utilisez Object.keys() pour tester les valeurs nulles.

Cependant, le boîtier Edge est légèrement différent - Date , mais pour null ou JSON.stringify reviendra false .

Utilisez {} pour vérifier si l'objet donné est vide.

Regardons l'exemple suivant.

 fonction isEmpTyObject (obj) {
    return json.stringify (obj) === '{}';
}

console.log (iSempTyObject ({}));

var bar = {"foo": "1"};
Console.log (JSON.StRINGIFY (BAR));
console.log (iSempTyObject (bar));

Encore une fois, la situation de bord est légèrement différente. "1651283138454" est utilisé dans Regexp. Utilisez donc la méthode Object.getOwnPropertyNames !

 console.log (iSempTyObject (date.Now ()));
console.log (iSempTyObject (new regexp ()));

Un autre changement est false , ce qui n'est peut-être pas ce que vous attendez.

 console.log (iSempTyObject (null));

4. Object.entries() renvoie un tableau de tableaux, chaque élément est un tableau de paires de propriétés de valeur clé.

Examinons l'exemple suivant pour comprendre comment cela fonctionne exactement.

 fonction isEmpTyObject (obj) {
    return object.entries (obj) .length === 0;
}

console.log (iSempTyObject ({}));

var bar = {"foo": "1"};
console.log (object.entries (bar));
Console.log (objet.Entries (bar) .Length);
console.log (iSempTyObject (bar));

Comme vous pouvez le voir, Object.keys() donnera le même résultat pour notre exemple de cas d'objet Regexp Object. Pour les entrées non définies, il lance également une exception.

 console.log (iSempTyObject (date.Now ()));
console.log (iSempTyObject (new regexp ()));

Solutions à l'épreuve des balles

Un problème avec les solutions simples mentionnées ci-dessus est qu'elles donnent des résultats incohérents pour les cas Edge: des objets spéciaux (tels que la date), des valeurs non définies ou des primitives (comme les entiers). Il s'agit d'une solution simple mais plus fiable.

 fonction isEmpTyObject (valeur) {
  const type = type de valeur
  const isObject = value! = null && type === 'objet'
  return isObject && object.keys (value) .length === 0;
}

Cette méthode est effectuée exactement par son nom: il renvoie true si et seulement si la valeur d'entrée est à la fois un objet et un objet vide. Il fonctionnera avec des valeurs null et undefined - Retour false car ce ne sont pas des objets. Pour les objets spéciaux comme Regexp, il reviendra true car ils ne définissent aucune clé spéciale. Il renvoie également true pour les tableaux vides et false pour les tableaux non vides.

Plan précédent ES5

Dans cette section, nous discuterons d'une solution qui fonctionne même dans les navigateurs plus âgés. Cette méthode était souvent utilisée avant l'ère JavaScript ES5, lorsqu'il n'y avait pas de méthode intégrée pour vérifier si un objet était vide.

Regardons l'exemple suivant.

 fonction isEmpTyObject (obj) {
    pour (propriété var dans obj) {
        if (obj.hasownproperty (propriété)) {
            retourne false;
        }
    }

    Retour Vrai;
}

console.log (iSempTyObject ({}));
console.log (iSempTyObject ({"foo": "1"}));

Dans l'exemple ci-dessus, nous avons construit une fonction personnalisée que vous pouvez appeler pour vérifier si l'objet est vide. Il accepte un paramètre et vous devez passer l'objet pour tester. Dans False, sinon nous renverrons la fonction isEmptyObject avec une valeur différente. Comme indiqué dans l'exemple ci-dessus, nous l'appelons avec une valeur différente et enregistrons la sortie à l'aide de la méthode isEmptyObject , qui vous permet de vérifier si l'objet est vide.

Jetons un coup d'œil à l'exemple ci-dessous.

 jQuery.isempTyObject ({});
jQuery.isempTyObject ({"foo": "1"});

Comme vous pouvez le voir, l'utilisation _.isEmpty() est très simple.

en conclusion

Dans cet article, nous discutons de plusieurs façons différentes de vérifier si un objet est vide en JavaScript. Consultez nos autres tutoriels sur la programmation JavaScript!

Ce message a été mis à jour avec les contributions de Neema Muganga.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!