Quelles sont les méthodes d’énumération de propriétés en JavaScript ?

Dans cet article, nous examinerons les méthodes d'énumération des attributs. Dans cet article, nous apprendrons principalement comment utiliser les méthodes forEach(), map() et filter(). le contenu spécifique ci-dessous.

Dans l' article précédent, nous vous avons présenté la méthode d'obtention des propriétés d'un objet à l'aide de Object.keys en Quelles sont les méthodes d’énumération de propriétés en JavaScript ?. Voyons ensuite comment procéder. énumérer les propriétés en Quelles sont les méthodes d’énumération de propriétés en JavaScript ?.

Jetons d'abord un coup d'œil aux données d'objets communs

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}

Énumérer les propriétés via forEach()

forEach() est une méthode qui peut être utilisée pour les tableaux, mais car Object La valeur de retour de .keys() est un tableau, donc la compatibilité est très bonne.

Pour énumérer les propriétés, veuillez consulter la description ci-dessous.

Object.keys(obj).forEach(function(data) {
  console.log(data);
})

Résultat de l'exécution

name
age
area

Veuillez noter que nous définissons la fonction comme paramètre de forEach().

En le décrivant ainsi, vous pouvez exécuter des fonctions arbitraires sur chaque attribut.

D'ailleurs, il est également possible de sortir la valeur d'un attribut en utilisant un format comme "obj [data]" !

Énumération des propriétés via map()

L'utilisation de base est la même que forEach(), mais c'est une fonction qui obtient les propriétés sous forme de valeur de retour de tableau.

Voir les exemples ci-dessous !

var result = Object.keys(obj).map(function(data) {
    return data;
})

Résultat de l'exécution

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

Veuillez faire attention au contenu de la fonction spécifiée dans le paramètre map().

Énumérer les propriétés via filter()

L'utilisation de filter() et map() est presque la même.

Veuillez voir l'exemple ci-dessous

var result = Object.keys(obj).filter(function(data) {
    return data;
})

Résultat de l'exécution

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

Dans cet exemple, nous venons de remplacer map() par la partie filter(), mais le résultat de l'exécution est le même. La caractéristique de

filter() est qu'il peut décrire le processus d'obtention d'une valeur uniquement lorsque des conditions spécifiques sont remplies.

Par exemple, "return data ==='name'" ne renvoie une valeur que si l'attribut a "name".

Si vous utilisez filter(), il serait également facile d'extraire uniquement les utilisateurs de plus de 30 ans, par exemple.

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!