Descubre cómo usar Object.entries() en JavaScript

Aprende a utilizar la función Object.entries() para acceder y manipular pares clave-valor de objetos en JavaScript

Object.entries() es una función integrada en JavaScript que permite obtener un array de pares clave-valor de un objeto. Esta función puede ser muy útil en situaciones donde necesitas acceder a los pares clave-valor de un objeto y manipularlos de manera eficiente.

Ejemplo 1: Recorrer un objeto y mostrar sus pares clave-valor

const obj = { name: 'John', age: 25, city: 'New York' };
Object.entries(obj).forEach(([key, value]) => console.log(`${key}: ${value}`));

Resultado: `name: John, age: 25, city: New York`

Ejemplo 2: Crear un nuevo objeto con las claves y valores de otro objeto

const originalObj = { name: 'John', age: 25, city: 'New York' };
const newObj = Object.entries(originalObj).reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
console.log(newObj); // { name: 'John', age: 25, city: 'New York' }

Ejemplo 3: Combinar dos objetos en uno solo

const obj1 = { name: 'John', age: 25 };
const obj2 = { city: 'New York' };
const combinedObj = Object.entries(obj1).concat(Object.entries(obj2)).reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
console.log(combinedObj); // { name: 'John', age: 25, city: 'New York' }

Ejemplo 4: Crear un objeto con pares clave-valor de una propiedad específica en un arreglo de objetos

const people = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 }
];
const namesObj = Object.entries(people).reduce((acc, [index, { name }]) => ({ ...acc, [index]: name }), {});
console.log(namesObj); // { 0: 'John', 1: 'Jane' }

Ejemplo 5: Componer un objeto con pares clave-valor de diferentes propiedades en un arreglo de objetos

const people = [
  { name: 'John', age: 25, city: 'New York' },
  { name: 'Jane', age: 30, city: 'Los Angeles' }
];
const combinedObj = Object.entries(people).reduce((acc, [index, { name, age, city }]) => ({ ...acc, [name]: { age, city } }), {});
console.log(combinedObj); // { John: { age: 25, city: 'New York' }, Jane: { age: 30, city: 'Los Angeles' } }

Ejemplo 6: Filtrar y agrupar pares clave-valor en un objeto según un criterio específico

const arr = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'John', age: 40 }
];
const groupedObj = Object.entries(arr).reduce((acc, [key, value]) => {
  if (!acc[value.age]) {
    acc[value.age] = [];
  }
  acc[value.age].push(value);
  return acc;
}, {});
console.log(groupedObj); // { 25: [ { id: 1, name: 'John', age: 25 } ], 30: [ { id: 2, name: 'Jane', age: 30 } ], 40: [ { id: 3, name: 'John', age: 40 } ] }

Conclusión

Utilizar Object.entries() en tus proyectos JavaScript puede mejorar la legibilidad y eficiencia de tu código al permitirte acceder y manipular fácilmente los pares clave-valor de objetos. Asegúrate de entender su sintaxis y comportamiento para aprovechar al máximo sus beneficios en tus proyectos.