Maison > interface Web > js tutoriel > le corps du texte

Comment accéder à la première propriété d'un objet JavaScript sans connaître son nom ?

Linda Hamilton
Libérer: 2024-11-10 16:50:02
original
131 Les gens l'ont consulté

How to Access the First Property of a JavaScript Object Without Knowing Its Name?

Accéder à la première propriété d'un objet JavaScript sans connaître le nom de la propriété

Lorsque vous travaillez avec des objets JavaScript, il est souvent nécessaire d'accéder à la première propriété sans connaître son nom. Cela peut être difficile, surtout si vous souhaitez éviter d'utiliser des boucles ou des bibliothèques externes.

Solution :

Heureusement, JavaScript fournit deux méthodes intégrées qui vous permettent de accéder à la première propriété d'un objet :

  1. Object.keys(): Renvoie un tableau des clés de propriété de l'objet. En utilisant l'index [0] de ce tableau, vous pouvez accéder au premier nom de propriété.
  2. Object.values() : Renvoie un tableau des valeurs de propriété de l'objet. De même, utiliser [0] vous donnera la valeur de la première propriété.

Exemple :

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

// Using Object.keys()
console.log(example[Object.keys(example)[0]]); // Logs "someVal" or the value of foo1

// Using Object.values()
console.log(Object.values(example)[0]); // Logs "someVal" or the value of foo1
Copier après la connexion

Remarque :

  • L'ordre des propriétés dans un objet n'est pas garanti, donc la première propriété peut ne pas être celle que vous attendez.
  • Ces méthodes ne sont itérables que si l'objet a des propriétés énumérables.

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!

source:php.cn
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