Convertir matriz en objeto en JavaScript

Kushank Singh 12 octubre 2023
  1. Utilice el método object.assign() para convertir un array en un objeto en JavaScript
  2. Utilice el método array.reduce() para convertir un array en un objeto en JavaScript
  3. Utilice el operador de propagación para convertir un array en un objeto en JavaScript
Convertir matriz en objeto en JavaScript

Los arrays y los objetos se consideran muy importantes en JavaScript. Ambos son mutables y pueden almacenar algunos valores en JavaScript.

Usamos matrices cuando almacenamos múltiples valores en una sola variable, mientras que un objeto puede contener múltiples variables con sus valores.

Por lo general, es más rápido utilizar objetos con grandes cantidades de datos.

En este tutorial, aprenderemos cómo convertir un array en un objeto en JavaScript.

Utilice el método object.assign() para convertir un array en un objeto en JavaScript

El método assign() puede leer propiedades de forma iterativa de uno o más de un objeto a un objeto de destino. Devuelve el objeto de destino.

Verifique el código a continuación.

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

Producción :

{0: "foo", 1: "boo", 2: "zoo"}

Utilice el método array.reduce() para convertir un array en un objeto en JavaScript

El método reduce() puede aplicar una función (que usted proporcione) en cada elemento de un array. Devuelve un solo valor de salida.

Podemos utilizarlo para realizar la conversión necesaria.

Por ejemplo,

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {})  // initial empty object

Producción :

{0: "foo", 1: "boo", 2: "zoo"}

Utilice el operador de propagación para convertir un array en un objeto en JavaScript

En JavaScript, el operador de propagación (...) puede descomprimir todos los elementos del array. Podemos usarlo para convertir un array en un objeto.

Por ejemplo,

const arr = ['foo', 'boo', 'zoo'];
const obj = {...arr};
console.log(obj);

Producción :

{0: "foo", 1: "boo", 2: "zoo"}

Artículo relacionado - JavaScript Array

Artículo relacionado - JavaScript Object