Cet article de blog définira la procédure pour compter le 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 :
- Object.keys() avec la propriété length
- Combinaison du ' pour ' boucle avec le ' dans ' mot-clé
Voyons chacune de ces approches une par une !
Méthode 1 : compter le nombre de clés dans un objet à l'aide de la méthode Object.keys()
La ' Objet.keys() ” donne un tableau en sortie avec des chaînes comme éléments qui correspondent aux propriétés énumérées déjà existantes sur l'objet. La liste des propriétés apparaît dans le même ordre que lorsque vous parcourez manuellement les attributs de l'objet. Pour compter le nombre de clés dans un objet, le ' Objet.key() ” méthode est utilisée avec le “ longueur ' propriété.
Syntaxe
Utilisez la syntaxe ci-dessous pour compter le nombre de clés dans un objet :
Objet . clés ( 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 décompte 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 ' Contactez ” dans la paire clé-valeur :
prénom : 'Stephen' ,
nom de famille : 'Caïn' ,
âge : 28 ,
Contactez : 090394809
} ;
Appeler le ' Objet.keys() ' 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 affiche ' 4 ' qui est le nombre de clés dans l'objet ' Info ” :
Si vous voulez uniquement les noms des clés dans un objet au lieu de compter, appelez simplement le ' Objet.keys() ” méthode en passant un objet en argument :
console. Journal ( Objet . clés ( Info ) ) ;La sortie affiche les noms des clés de l'objet dans un tableau :
Méthode 2 : compter le nombre de clés dans l'objet à l'aide de la boucle « for » avec le mot-clé « in »
Les clés d'un objet sont également comptées en utilisant le ' pour ' boucle avec le ' dans ' mot-clé. La ' pour ' la boucle itère sur les propriétés de l'objet et le ' dans ” mot-clé en récupère les propriétés. Pour compter le nombre de clés dans un objet à l'aide de la touche ' for_in ” boucle, suivez la syntaxe ci-dessous qui sera utilisée dans les exemples ci-dessous.
Syntaxe
pour ( a été clé dans Objet ) {.........
}
Exemple 1 : Compter le nombre de clés dans un objet
Pour compter le nombre de clés dans un objet, considérons le même objet ' Info ” créé dans l'exemple ci-dessus. Ensuite, créez une variable ' compter ” et attribuez une valeur 0 à celui-ci :
Passer l'objet ' Info ” à la boucle for_in :
pour ( a été clé dans Info ) {compter ++ ;
}
Enfin, imprimez le nombre de clés dans l'objet en utilisant ' console.log() ' méthode:
console. Journal ( compter ) ;Production
Exemple 2 : Compter le nombre de clés dans un objet hérité
La ' pour ” la boucle compte également les propriétés héritées. Ici, nous allons créer un objet ' employé « avec deux propriétés » le genre ', et ' date d'inscription « qui héritera de l'objet » Info ” :
le genre : 'Masculin' ,
date d'inscription : 'janvier 2020'
} ;
Hériter de l'objet ' employé ' avec ' Info ' en utilisant la propriété de l'objet ' __Donc__ ” :
Info. __Donc__ = employéPasser l'objet ' Info ' au ' pour_ dans ” boucle et incrémente le compte à chaque itération. Il comptera également les propriétés de l'objet ' employé ' car il hérite de l'objet ' Info ” :
pour ( a été clé dans Info ) {compter ++ ;
}
Le résultat ' 6 ' indique que cette approche compte les clés des deux objets ' Info ' et son objet hérité ' employé ” :
Exemple 3 : Compter le 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 :
si ( employé. aOwnProperty ( clé ) ) {
compter ++ ;
}
}
Production
Conclusion
Pour compter le nombre de clés dans un objet en JavaScript, utilisez le ' longueur « propriété du JavaScript » Objet « méthode typographique » clés() ' comme ' Objet.keys() ' ou la combinaison de ' pour ' boucle avec le ' dans ' mot-clé. La ' for_in L'approche ' compte également les propriétés héritées tandis que l'approche ' Objet.keys() ” 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 pour compter le nombre de clés dans un objet en JavaScript.