JavaScript Object.entries()

Définition et utilisation

Object.entries() La méthode retourne un tableau composé de paires clé-valeur de l'objet.

Object.entries() La méthode ne change pas l'objet original.

Méthodes associées :

Object.keys() Retourne les clés (propriétés) de tout type d'objet.

Object.values() Retourne toutes les valeurs des propriétés de l'objet.

Object.entries() Retourne les clés et les valeurs de tout type d'objet.

Les méthodes ci-dessus retournent des objets itérables (tableaux énumérables).

Les objets itérables rendent l'utilisation des objets dans une boucle et la conversion des objets en Map plus simple.

Instance

Exemple 1

const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50,
  eyeColor: "blue"
};
let text = Object.entries(person);

Essayez-le vous-même

Exemple 2

Object.entries() Cela rend l'utilisation d'un objet dans une boucle plus simple :

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + " : " + value + "<br>";
}

Essayez-le vous-même

Exemple 3

Object.entries() Cela rend la conversion d'un objet en Map plus simple :

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
const myMap = new Map(Object.entries(fruits));

Essayez-le vous-même

Syntaxe

Object.values(object)

Paramètres

Paramètres Description
object Optionnel. Objet.

Valeur de retour

Type Description
Array Tableau itérable contenant les paires clé-valeur de l'objet.

Support du navigateur

ECMAScript 2017 ajoute à l'objet Object.entries() Méthode.

Depuis mars 2017, tous les navigateurs modernes prennent en charge Object.entries():

Chrome Edge Firefox Safari Opera
Chrome 47 Edge 14 Firefox 47 Safari 10.1 Opera 41
Juin 2016 Août 2016 Juin 2016 Mars 2017 Octobre 2016