JavaScript Object.entries()

Definición y uso

Object.entries() El método devuelve un array compuesto de pares de clave-valor del objeto.

Object.entries() El método no cambia el objeto original.

Métodos relacionados:

Object.keys() Devuelve las claves (propiedades) de cualquier tipo de objeto.

Object.values() Devuelve los valores de todas las claves (propiedades) del objeto.

Object.entries() Devuelve las claves y valores de cualquier tipo de objeto.

Los métodos anteriores devuelven objetos iterables (arreglos enumerables).

Los objetos iterables hacen que sea más simple usar objetos en bucles y convertirlos en Map.

Instancia

Ejemplo 1

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

Prueba por ti mismo

Ejemplo 2

Object.entries() Hace que sea más simple usar un objeto en un bucle:

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

Prueba por ti mismo

Ejemplo 3

Object.entries() Hace que sea más simple convertir un objeto en Map:

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

Prueba por ti mismo

Sintaxis

Object.values(object)

Parámetros

Valor devuelto

Compatibilidad del navegador

ECMAScript 2017 añadió a los objetos Object.entries() Métodos.

Desde marzo de 2017, todos los navegadores modernos lo soportan Object.entries():