Comment compter le nombre de clés dans l'objet en javascript

Comment compter le nombre de clés dans l'objet en javascript
Les objets sont le type de données non primitif de JavaScript. Il aide à stocker plusieurs ensembles de données sous la forme de paires de valeurs clés. Les clés sont les propriétés d'un objet spécifié comme une variable connectée à l'objet. Compter le nombre de clés ou de propriétés d'un objet est le problème commun rencontré en JavaScript.

Ce billet de blog définira la procédure de comptage du nombre de clés dans un objet en JavaScript.

Comment compter le nombre de clés dans un objet en javascript?

Pour compter le nombre de clés dans un objet, utilisez les méthodes suivantes:

  • Objet.Keys () avec une propriété de longueur
  • Combinaison du «pour”Boucle avec le"dans" mot-clé

Jetons un coup d'œil à chacune de ces approches une par une!

Méthode 1: Compter le nombre de clés dans un objet en utilisant l'objet.Méthode Keys ()

Le "Objet.clés()»La méthode donne un tableau en tant que sortie avec des chaînes comme ses éléments qui correspondent aux propriétés énumérées déjà existant sur l'objet. La liste des propriétés apparaît dans le même ordre que lorsque vous traversez manuellement les attributs de l'objet. Pour compter le nombre de clés dans un objet, le «Objet.clé()«La méthode est utilisée avec le«longueur" propriété.

Syntaxe
Utilisez la syntaxe divisée ci-dessous, pour compter le nombre de clés dans un objet:

Objet.touches (objet).longueur
  • "clés()"Est la méthode du"Objet«Type et le«objet«Est un argument dont les clés / propriétés seront comptées.
  • Il renvoie le nombre du nombre de clés dans l'objet.

Exemple
Tout d'abord, créez un objet nommé «Info"Avec quatre propriétés"prénom","nom de famille","âge" et "contact”Dans la paire de valeurs clés:

const info =
Firstname: 'Stephen',
LASTNAME: 'CAIN',
Âge: 28,
Contact: 090394809
;

Appeler le "Objet.clés()«Méthode avec le«longueur"Propriété passant un objet"Info«Comme argument qui comptera les clés dans un objet:

console.journal (objet.Clés (info).longueur);

La sortie s'affiche «4"Qui est le compte de clés dans l'objet"Info»:

Si vous ne voulez que les noms des clés dans un objet au lieu de compter, appelez simplement «Objet.clés()«Méthode en passant un objet comme argument:

console.journal (objet.touches (info));

La sortie affiche les noms des touches dans l'objet dans un tableau:

Méthode 2: Compter le nombre de clés dans l'objet en utilisant la boucle «pour» avec un mot-clé «in»

Les clés d'un objet sont également comptées en utilisant le «pour”Boucle avec le"dans" mot-clé. Le "pour”Loop itère sur les propriétés de l'objet et le« «dans»Le mot-clé récupère les propriétés. Pour compter le nombre de clés dans un objet en utilisant le «pour_in”LOOP, suivez la syntaxe ci-dessous qui sera utilisée dans les exemples ci-dessous.

Syntaxe

pour (clé var dans l'objet)

Exemple 1: Nombre de clés dans un objet
Pour compter le nombre de clés dans un objet, considérez le même objet "Info”Créé dans l'exemple ci-dessus. Ensuite, créez une variable "compter»Et attribuez une valeur 0 à lui:

Var Count = 0;

Passer l'objet "Info«À la boucle for_in:

pour (clé var dans info)
Count ++;

Enfin, imprimez le nombre de clés dans l'objet en utilisant «console.enregistrer()" méthode:

console.log (count);

Sortir

Exemple 2: Nombre de clés dans un objet hérité
Le "pour»Loop compte également les propriétés héritées. Ici, nous allons créer un objet "employé"Avec deux propriétés"genre", et "date d'inscription"Cela héritera de l'objet"Info»:

const Employee =
genre masculin',
JOINDATDATE: «Jan, 2020»
;

Hériter de l'objet "employé" avec "Info"Utilisation de la propriété de l'objet"__proto__»:

Info.__proto__ = employé

Passer l'objet "Info" au "pour_”Boucle et incrément le nombre sur chaque itération. Il comptera également les propriétés de l'objet "employé"Parce qu'il hérite de l'objet"Info»:

pour (clé var dans info)
Count ++;

Le résultat "6"Indique que cette approche compte les clés des deux objets" "Info"Et son objet hérité"employé»:

Exemple 3: Nombre de clés dans un objet enfant
Si vous voulez simplement obtenir les clés de l'objet enfant "employé", Utilisez le "HasownProperty ()”Méthode à l'intérieur de la boucle:

pour (clé var chez l'employé)
si (employé.HasownProperty (Key))
Count ++;

Sortir

Conclusion

Pour compter le nombre de clés dans un objet en JavaScript, utilisez le «longueur«Propriété du javascript»Objet"Méthode de type"clés()" comme "Objet.clés()"Ou la combinaison de"pour”Boucle avec le"dans" mot-clé. Le "pour_in»L'approche compte également les propriétés héritées tandis que le«Objet.clés()«La méthode ne compte pas les propriétés liées; il compte juste les propres propriétés de l'objet. Dans cet article de blog, nous avons défini la procédure de comptage du nombre de clés dans un objet en JavaScript.