JavaScript Object.entries()

Definition and usage

Object.entries() The method returns an array of object key-value pairs.

Object.entries() The method does not change the original object.

Related methods:

Object.keys() Returns any object type's keys (properties).

Object.values() Returns all object keys (properties) values.

Object.entries() Returns any object type's keys and values.

The above methods return iterable objects (enumerable arrays).

Iterables make it easier to use objects in loops and convert objects to Maps.

Instance

Example 1

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

Try it yourself

Example 2

Object.entries() Making it easier to use objects in loops:

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

Try it yourself

Example 3

Object.entries() Making it easier to convert an object to a Map:

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

Try it yourself

Syntax

Object.values(object)

Parameter

Return value

Browser support

ECMAScript 2017 added Object.entries() Method.

Since March 2017, all modern browsers support Object.entries():