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

Comment obtenir les propriétés d'un objet à l'aide de la méthode Object.keys en JavaScript

不言
Libérer: 2019-01-15 14:00:54
original
5649 Les gens l'ont consulté

Object.keys peut être utilisé pour obtenir les propriétés d'un objet. Object.keys renvoie un tableau dont les éléments sont des chaînes, dont les éléments proviennent des propriétés qui peuvent être directement énumérées à partir de l'objet donné. Si elle est utilisée dans un tableau associatif, la clé peut être obtenue. Dans cet article, nous examinerons l'utilisation spécifique de Object.keys.

Comment obtenir les propriétés d'un objet à l'aide de la méthode Object.keys en JavaScript

Comment utiliser Object.keys

Tout d'abord, voyons comment obtenir les propriétés après avoir créé un objet.

Comment créer un objet

Tout d'abord, examinons la méthode de création d'objet la plus basique.

En bref, la structure d'un objet se divise en « propriétés » et « méthodes ».

Les attributs peuvent enregistrer diverses informations dans des paires « mot-clé » et « valeur », similaires aux fonctions.

Les objets vides peuvent être créés comme suit.

var obj1 = { } 
var obj2 = new Object()
Copier après la connexion

Les deux méthodes ci-dessus sont les mêmes. Il est plus simple de la décrire comme "obj1", elle est donc souvent utilisée.

Par exemple, vous pouvez écrire un objet qui contient des propriétés avec les informations « nom » et « âge » de la personne, comme indiqué ci-dessous.

var obj = {
 
    name : '张 三',
    age : 30
 
}
Copier après la connexion

Méthodes pour obtenir les propriétés d'un objet

Maintenant que nous savons comment créer un objet, utilisons Object.keys pour obtenir les propriétés.

Pour l'utiliser, spécifiez simplement un objet comme paramètre comme [Object.keys(Object)].

Sa caractéristique est qu'il peut obtenir les données du tableau du nom de la propriété d'énumération comme valeur de retour.

Par conséquent, préparez d’abord les données d’objet suivantes.

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}
Copier après la connexion

Veuillez confirmer les attributs nom/âge/zone 3 ici.

Ensuite, utilisez Object.keys() et écrivez comme ceci

var result = Object.keys(obj); 
console.log(result);
Copier après la connexion

Résultat de l'exécution :

["name", "age", "area"]
Copier après la connexion

Vous pouvez spécifier l'objet par le paramètre key() pour récupérer toutes les propriétés.

Il ressort du résultat de l'exécution que le nom de l'attribut a été obtenu sous forme de données de tableau.

La conversion en données de tableau comme celle-ci est pratique car cela vous permet d'utiliser diverses méthodes de tableau fournies dans la norme JavaScript.

Comment utiliser Object.keys avec des tableaux

Pour utiliser Object.keys pour obtenir une propriété, spécifiez l'objet à obtenir dans le paramètre.

Jetons un coup d’œil au programme suivant.

var obj = ["sa", "mu", "ra", "i"];
console.log(Object.keys(obj));
Copier après la connexion

Résultats d'exécution : 0,1,2,3

De cette façon, nous obtenons les attributs.

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal