Maison > interface Web > js tutoriel > Comment récupérer une liste de clés à partir d'un objet JavaScript ?

Comment récupérer une liste de clés à partir d'un objet JavaScript ?

Mary-Kate Olsen
Libérer: 2024-12-19 20:07:17
original
586 Les gens l'ont consulté

How Do I Retrieve a List of Keys from a JavaScript Object?

Récupération des listes de clés d'objets JavaScript

Lorsque vous travaillez avec des objets JavaScript, il devient souvent nécessaire d'obtenir une liste de leurs clés. Ces connaissances s'avèrent inestimables pour diverses opérations, comme accéder à des propriétés spécifiques ou effectuer des itérations de boucles. Cet article examine les méthodes permettant de récupérer la liste de clés à partir d'un objet JavaScript.

Considérez l'objet JavaScript suivant :

var obj = {
   key1: 'value1',
   key2: 'value2',
   key3: 'value3',
   key4: 'value4'
}
Copier après la connexion

1. Utilisation de la méthode Object.keys()

La méthode Object.keys() est une méthode simple et largement prise en charge pour obtenir un tableau des propres noms de propriétés énumérables de l'objet.

var keys = Object.keys(obj);
console.log('obj contains ' + keys.length + ' keys: '+  keys);
Copier après la connexion

Ce code enregistre la sortie :

obj contains 4 keys: key1,key2,key3,key4
Copier après la connexion

2. Utilisation d'une boucle for...in

Vous pouvez également utiliser une boucle for...in pour parcourir les propriétés de l'objet et créer un tableau de clés manuellement.

var keys = [];
for (var key in obj) {
  keys.push(key);
}
console.log('obj contains ' + keys.length + ' keys: '+  keys);
Copier après la connexion

Ce code produit le même résultat que la méthode Object.keys(). Notez que la boucle parcourt à la fois les propriétés énumérables et non énumérables, de sorte que la liste de clés peut inclure des propriétés ajoutées via l'héritage du prototype.

En comprenant ces méthodes, vous pouvez désormais récupérer sans effort des listes de clés à partir d'objets JavaScript, ce qui vous permet pour effectuer efficacement diverses opérations liées aux objets.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal