Converter Array em Objeto em JavaScript

Kushank Singh 12 outubro 2023
  1. Use o método object.assign() para converter um array em um objeto em JavaScript
  2. Use o método array.reduce() para converter um array em um objeto em JavaScript
  3. Use o operador Spread para converter um array em um objeto em JavaScript
Converter Array em Objeto em JavaScript

Arrays e objetos são considerados muito importantes em JavaScript. Ambos são mutáveis ​​e podem armazenar alguns valores em JavaScript.

Usamos matrizes quando armazenamos vários valores em uma única variável, enquanto um objeto pode conter várias variáveis ​​com seus valores.

Geralmente, é mais rápido usar objetos enquanto se tem grandes quantidades de dados.

Neste tutorial, aprenderemos como converter um array em um objeto em JavaScript.

Use o método object.assign() para converter um array em um objeto em JavaScript

O método assign() pode ler iterativamente propriedades de um ou mais de um objeto para um objeto de destino. Ele retorna o objeto de destino.

Verifique o código abaixo.

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

Resultado:

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

Use o método array.reduce() para converter um array em um objeto em JavaScript

O método reduce() pode aplicar uma função (que você fornece) em cada elemento em um array. Ele retorna um único valor de saída.

Podemos usá-lo para fazer a conversão necessária.

Por exemplo,

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

Resultado:

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

Use o operador Spread para converter um array em um objeto em JavaScript

Em JavaScript, o operador spread (...) pode descompactar todos os elementos do array. Podemos usá-lo para converter um array em um objeto.

Por exemplo,

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

Resultado:

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

Artigo relacionado - JavaScript Array

Artigo relacionado - JavaScript Object