JavaScript Object.entries()

Definitie en gebruik

Object.entries() De methode retourneert een array van object sleutel-waarde paren.

Object.entries() De methode verandert het oorspronkelijke object niet.

Gerelateerde methoden:

Object.keys() Retourneert de sleutels (eigenschappen) van elk objecttype.

Object.values() Retourneert de waarden van alle objectkelders (eigenschappen).

Object.entries() Retourneert de sleutels en waarden van elk objecttype.

Deze methoden retourneren iterable objecten (enumereerbare arrays).

Iterabele objecten maken het eenvoudiger om objecten in een lus te gebruiken en objecten om te zetten naar Map.

Voorbeeld

Voorbeeld 1

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

Probeer het zelf

Voorbeeld 2

Object.entries() Maakt het eenvoudiger om objecten in een lus te gebruiken:

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

Probeer het zelf

Voorbeeld 3

Object.entries() Maakt het eenvoudiger om objecten om te zetten naar Map:

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

Probeer het zelf

Syntax

Object.values(object)

Parameter

Parameter Beschrijving
object Optioneel. Object.

Retourwaarde

Type Beschrijving
Array Een iterable array met object sleutel-waarde paren.

Browserondersteuning

ECMAScript 2017 voegt aan objecten toe Object.entries() Methode.

Sinds maart 2017 ondersteunen alle moderne browsers dit Object.entries():

Chrome Edge Firefox Safari Opera
Chrome 47 Edge 14 Firefox 47 Safari 10.1 Opera 41
Juni 2016 Augustus 2016 Juni 2016 Maart 2017 Oktober 2016