JavaScriptProgramación

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

Aprende a utilizar la función Object.fromEntries() para simplificar la creación de objetos en JavaScript

Object.fromEntries() es una función integrada en el lenguaje de programación JavaScript que permite crear objetos a partir de pares clave-valor en forma de arreglo. Esta función se puede utilizar en situaciones comunes de programación, como cuando necesitas convertir un arreglo de pares clave-valor en un objeto. La función toma un arreglo de pares clave-valor y devuelve un objeto con esos pares clave-valor.

Ejemplo 1: Convertir un objeto de entrada en un objeto JavaScript

Object.fromEntries() puede utilizarse para convertir un objeto de entrada (por ejemplo, un objeto URLSearchParams o un FormData) en un objeto JavaScript normal. Aquí hay un ejemplo:
«`javascript
const urlParams = new URLSearchParams(«?name=John&age=30»);
const data = Object.fromEntries(urlParams.entries());
console.log(data); // { name: ‘John’, age: ’30’ }
«`
En este ejemplo, se crea un objeto URLSearchParams con dos pares clave-valor. Luego, se utiliza Object.fromEntries() para convertir el objeto en un objeto JavaScript tradicional.

Ejemplo 2: Crear un objeto de entrada a partir de un arreglo de pares clave-valor

Object.fromEntries() también puede utilizarse para crear un objeto de entrada a partir de un arreglo de pares clave-valor. Aquí hay un ejemplo:
«`javascript
const entries = [
[‘name’, ‘John’],
[‘age’, ’30’]
];
const data = Object.fromEntries(entries);
console.log(data); // { name: ‘John’, age: ’30’ }
«`
En este ejemplo, se crea un arreglo de pares clave-valor y luego se utiliza Object.fromEntries() para convertir el arreglo en un objeto de entrada.

Ejemplo 3: Convertir un objeto de entrada en un objeto JavaScript con una función personalizada

Object.fromEntries() también puede utilizarse con una función personalizada para convertir los valores del objeto de entrada antes de agregarlos al objeto resultante. Aquí hay un ejemplo:
«`javascript
const urlParams = new URLSearchParams(«?name=John&age=30»);
const data = Object.fromEntries(urlParams.entries(), (key, value) => ({
[key]: parseInt(value, 10) * 2
}));
console.log(data); // { name: 60, age: 60 }
«`
En este ejemplo, se crea un objeto URLSearchParams y luego se utiliza Object.fromEntries() con una función personalizada que multiplica cada valor por 2 antes de agregarlo al objeto resultante.

Ejemplo 4: Convertir un objeto de entrada en un objeto JavaScript con una función personalizada

Object.fromEntries() también puede utilizarse con una función personalizada para convertir los pares clave-valor del objeto de entrada antes de agregarlos al objeto resultante. Aquí hay un ejemplo:
«`javascript
const entries = [
[‘name’, ‘John’],
[‘age’, ’30’]
];
const data = Object.fromEntries(entries, (key, value) => ({
[key]: parseInt(value, 10) * 2
}));
console.log(data); // { name: 60, age: 60 }
«`
En este ejemplo, se crea un arreglo de pares clave-valor y luego se utiliza Object.fromEntries() con una función personalizada que multiplica cada valor por 2 antes de agregarlo al objeto resultante.

Conclusión

  • Object.fromEntries() simplifica la creación de objetos a partir de pares clave-valor en forma de arreglo.
  • Es una función integrada en JavaScript que se puede utilizar en situaciones comunes de programación.
  • Ayuda a evitar errores al trabajar con pares clave-valor y mejora la legibilidad del código.

Al integrar Object.fromEntries() en tus proyectos futuros, podrás crear objetos de manera más eficiente y reducir el tiempo de desarrollo. No olvides comprobar siempre que los pares clave-valor estén en la misma estructura antes de utilizar esta función.

Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.