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

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

不言
不言original
2019-01-15 14:00:545671parcourir

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()

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
 
}

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: '北京'
}

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);

Résultat de l'exécution :

["name", "age", "area"]

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));

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!

Déclaration:
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