Object.entries()

Renvoie un tableau des paires [clé, valeur] d’un objet.

Renvoie
Un tableau de paires [clé, valeur].
Modifie l’original
Non
Sur cette page

Exemple

#
JavaScript
const prices = { html: 49, css: 59 }

for (const [course, price] of Object.entries(prices)) {
  console.log(`${course}: ${price} €`)
}
console.log(Object.entries(prices))
Console
html: 49 €
css: 59 €
[['html', 49], ['css', 59]]

Définition et utilisation

#

La méthode Object.entries() transforme un objet en un tableau de tableaux à deux éléments : [clé, valeur]. Cela permet de parcourir un objet avec une boucle for...of et la déstructuration, ou de le transformer avec les méthodes de tableaux.

Associée à Object.fromEntries(), elle forme un schéma courant : transformer un objet en paires, les filtrer ou les transformer, puis les réassembler en objet.

Le résultat peut aussi être passé directement au constructeur Map, qui accepte exactement ce type de liste de paires.

Syntaxe

#
Syntaxe
Object.entries(obj)

Paramètres

#
  • obj

    objet

    L’objet à transformer en paires.

Plus d’exemples

#
Filtrer un objet
JavaScript
const scores = { lea: 92, lucas: 58, emma: 77 }

const passed = Object.fromEntries(
  Object.entries(scores).filter(([, score]) => score >= 60)
)
console.log(passed)
Console
{ lea: 92, emma: 77 }

Compatibilité des navigateurs

#

Largement disponible

Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.

  • Chrome
  • Edge
  • Firefox
  • Safari

Bonnes pratiques

#
  • Le motif Object.fromEntries(Object.entries(obj).filter(...)) est une façon lisible de filtrer un objet.
  • Un emplacement vide dans la déstructuration, [, score], ignore la clé quand vous n’avez besoin que de la valeur.

Entrées associées

#

Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.