JavaScript | Método Object.fromEntries()

El método Object.fromEntries() en JavaScript es un objeto integrado estándar que se utiliza para transformar una lista de pares clave-valor en un objeto. Este método devuelve un nuevo objeto cuyas propiedades vienen dadas por las entradas del iterable

Sintaxis:

Object.fromEntries( iterable )

Parámetros: este método acepta un solo parámetro iterable que contiene un iterable como Array o Map u otros objetos que implementan el protocolo iterable.

Valor devuelto: Este método siempre devuelve un nuevo objeto cuyas propiedades vienen dadas por las entradas del iterable.

Los siguientes ejemplos ilustran el método Object.fromEntries() en JavaScript:

Ejemplo 1: Conversión de un Mapa en un Objeto.

const map1 = new Map([ ['big', 'small'], [1, 0] ]);
const geek = Object.fromEntries(map1);
console.log(geek);
   
const map2 = new Map(
    [['Geek1', 'Intern'],
    ['stipend', 'Works basis']]
);
const geek1 = Object.fromEntries(map2);
console.log(geek1); 

Producción:

Object { 1: 0, big: "small" }
Object { Geek1: "Intern", stipend: "Works basis" }

Ejemplo 2: Conversión de un Array en un Objeto.

const arr1 = [ ['big', 'small'], [1, 0], ['a', 'z' ]];
const geek = Object.fromEntries(arr1);
console.log(geek);
  
const arr2 = [ ['Geek1', 'Intern'], ['stipend', 'Works basis'] ];
const geek1 = Object.fromEntries(arr2);
console.log(geek1);

Producción:

Object { 1: 0, big: "small", a: "z" }
Object { Geek1: "Intern", stipend: "Works basis" }

Ejemplo 3: otras conversiones

const params = 'type=Get_the Value&geekno=34&paid=10';
const searchParams = new URLSearchParams(params);
  
console.log(Object.fromEntries(searchParams));
  
const object1 = { val1: 112, val2: 345, val3: 76 };
const object2 = Object.fromEntries(
  Object.entries(object1)
  .map(([ key, val ]) => [ key, val * 3 ])
);
console.log(object2); 

Producción:

Object { type: "Get_the Value", geekno: "34", paid: "10" }
Object { val1: 336, val2: 1035, val3: 228 }

Navegadores compatibles: los navegadores compatibles con el método Object.fromEntries() se enumeran a continuación:

  • Google Chrome 73 y superior
  • Firefox 63 y superior
  • Ópera 60 y superior
  • Safari 12.1 y superior
  • Edge 79 y superior

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *