JavaScript Object.entries()

ECMAScript 2017 introduced the Object.entries() method for objects.

Object.entries() returns an array of key/value pairs from an object.

Example

const person = {
firstName : “John”,
lastName : “Doe”,
age : 50,
eyeColor : “blue”
};

let text = Object.entries(person);

Object.entries() simplifies iterating over objects in loops.

Example

const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = “”;
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + “: “ + value + “<br>”;
}

Object.entries() also makes it easy to convert objects into maps.

Example

const fruits = {Bananas:300, Oranges:200, Apples:500};

const myMap = new Map(Object.entries(fruits));

Object.entries() has been supported in all modern browsers since March 2017.