JavaScript Object.entries()

Definição e uso

Object.entries() O método retorna um array de pares de chave-valor do objeto.

Object.entries() O método não altera o objeto original.

Métodos relacionados:

Object.keys() Retorna todas as chaves (atributos) de qualquer tipo de objeto.

Object.values() Retorna todos os valores dos atributos (chaves) de todos os objetos.

Object.entries() Retorna todas as chaves e valores de qualquer tipo de objeto.

Os métodos acima retornam objetos iteráveis (arrays enumeráveis).

Objetos iteráveis tornam mais fácil usar objetos no loop e converter objetos em Map.

Instância

Exemplo 1

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

Experimente você mesmo

Exemplo 2

Object.entries() Torna mais fácil usar objetos no loop:

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

Experimente você mesmo

Exemplo 3

Object.entries() Torna mais fácil converter um objeto em Map:

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

Experimente você mesmo

Sintaxe

Object.values(object)

Parâmetro

Retorno

Suporte do navegador

ECMAScript 2017 adicionou ao objeto Object.entries() Métodos.

A partir de março de 2017, todos os navegadores modernos suportam Object.entries():