DEV Community

Michael Sousa
Michael Sousa

Posted on

Maneira simples de construir objetos utilizando Object.assign

Quando trabalhamos com formulário as vezes precisamos ter uma maneira mais prática de fazer "a coisa" acontecer.

Passei por uma situação quer precisava realizar a união de dois objetos, literalmente fazer um merge.

E encontrei essa solução que achei incrível e sem dúvida vai me facilitar muito a vida a partir de hoje.

Vamos ao exemplo!

Temos informações básicas de um cliente.

image

Também informações básicas do cartão de crédito desse cliente.

image

Podemos usar o Object.assign dessa forma para unir esses dois objetos e ter um consolidado dessa maneira e formar um novo objeto que para o nosso exemplo vamos chamar de fatura.

image

Como resultado teremos o seguinte objeto.
image

Podemos ir um pouco mais além e como você chegou até aqui, vou demontrar um segredo legal. Agora vamos supor que precisamos adicionar um array dentro desse objeto, esse array contem a descrição dos itens que devem ser pagos.

Para isso basta criar um novo objeto do tipo array e fazer o seguinte:
image

No exemplo criei um objeto cobranca que armazena um objeto contendo o array das parcelas pendentes. O próximo passo é usar o Object.assing para fazer o merge desse objeto cobranca com o objeto fatura.

image

e temos o objeto fatura com o objeto cobranca.

image

Concluíndo...
Usar Object.assing pode ser muito útil e versátil, atualemente uso muito esse recurso no Angular porque ele permite para alguns casos específicos montar o objeto de json de maneira mais livre, isso é muito útil quando estamos trabalhando com formulários que possam exigir um pouco mais de flexibilidade.

Top comments (0)