Maison > interface Web > js tutoriel > Comment accéder avec élégance à la première propriété d'un objet JavaScript ?

Comment accéder avec élégance à la première propriété d'un objet JavaScript ?

Barbara Streisand
Libérer: 2024-11-30 05:38:10
original
379 Les gens l'ont consulté

How Do You Access the First Property of a JavaScript Object Elegantly?

Accéder avec élégance à la première propriété d'un objet Javascript

Lorsque vous travaillez avec des objets JavaScript, il est souvent nécessaire d'accéder aux propriétés sans connaître explicitement leurs noms . Cela peut être difficile, en particulier lors de l'utilisation de boucles ou de bibliothèques externes comme $.each de jQuery.

La solution

Heureusement, il existe plusieurs façons élégantes d'y parvenir :

L'utilisation d'Object.keys

Object.keys renvoie un tableau de les noms de propriétés d'un objet. Pour accéder à la première propriété, vous pouvez utiliser la syntaxe suivante :

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'
Copier après la connexion

Utilisation de Object.values

Object.values ​​renvoie un tableau des valeurs de propriété d'un objet. Pour accéder à la première valeur, vous pouvez utiliser la syntaxe suivante :

Object.values(obj)[0]; // returns 'someVal'
Copier après la connexion

Remarque :

Il est important de noter que l'ordre des propriétés renvoyées par Object.keys et Object.values ​​n’est pas garanti d’être cohérent entre les navigateurs. Cependant, dans la pratique, les principaux navigateurs maintiennent un ordre cohérent.

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