JavaScript

Converter array em objeto com JavaScript

12 de novembro de 2021

Converter array em objeto com JavaScript

Neste artigo você vai aprender a como converter array em objeto de uma forma simples, utilizando a linguagem JavaScript

Converter array em objeto capa

Fala programador(a), beleza? Bora aprender mais sobre arrays, objetos e JavaScript!

Para realizar a conversão podemos utilizar o método assign de Object

Ele vai transformar todas os valores do array em valores para chaves de objetos

Veja na prática o exemplo:

const myArray = ['algumas', 'propriedades', 10];

const myObject = Object.assign({}, myArray);

console.log(myObject);

/* 

{
  0: "algumas",
  1: "propriedades",
  2: 10
}

*/

Passamos dois parâmetros para assign, um objeto e também o array que tínhamos criado anteriromente

Note que utilizamos o assign em um objeto vazio como base, pois ele será preenchido pelos dados do array

Os nomes das chaves são automaticamente gerados pelos índices dos arrays

E então temos nosso novo objeto criado!

Uma outra alternativa que pode ser viável também, é criar o objeto com o spread operator

Veja esta outra abordagem:

const myArray = ['algumas', 'propriedades', 10];

const myObject = {...myArray};

console.log(myObject);

/* 

{
  0: "algumas",
  1: "propriedades",
  2: 10
}

*/

Obtemos também o mesmo resultado!

Conclusão

Neste artigo você aprendeu a como converter array em objeto em JavaScript

Basicamente utilizamos o método assign, que vem no objeto Object

Desta forma podemos atribuir cada um dos elementos do array em valores para o objeto gerado

Passamos para assign um objeto vazio e o array, estes são os argumentos para originar um novo objeto baseado no array

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x