Clone object typescript

Se precisa clonar um objeto em TypeScript, este post pode te ajudar.

Wolmir Cezer Garbin por Wolmir Cezer Garbin - - Typescript

Última atualização em: | 3150 Visualizações

Em alguns casos, vai precisar clonar objetos para que ao serem alterados, a alteração não reflita na referência. Em outras palavras se estiver editando uma variável em uma lista e alterar o objeto que faz referencia com o mostrado na lista ao alterar qualquer atributo o mesmo será mostrado.

Para evitar isso, precisa clonar o objeto em typescript, veja as formas que pode utilizar:

Sua primeira opção é utilizar o Object do ES6, desta forma terá duas maneiras de fazer, veja:

// Para objeto
Object.assign( this.newObject, objReferencia );
this.newObject = Object.create(objReferencia);
// Para lista
this.listaObjetos = Array.from( this.oldListaObjetos );

Mas o typescript tem um facilitador para esta tarefa, veja:

// Para objeto
this.newObject = {...objReferencia};
// Para lista
this.listaObjetos = [...this.oldListaObjetos];

Note que o newObject é o objeto novo sem referência do objeto anterior e o objReferencia é o objeto que será clonado para o novo. Da mesma forma o objeto listaObjetos será um clone do objeto oldListaObjetos.

Qualquer dúvida deixe nos comentários!


Não esqueca de deixar suas dúvidas nos comentários e compartilhar este post.


Wolmir Cezer Garbin

Wolmir Cezer Garbin

Sou Arquiteto de Software e fundador do Receitas de Código, amo minha profissão e com o Receitas de Código quero compartilhar um pouco deste conhecimento.

Ver mais sobre o autor

FIQUE POR DENTRO

Receba as novidades todo mês em seu e-mail!

Apoiadores

Posts Relacionados


Publique seu post no Receitas de Código

Agora você pode publicar seu post no Receitas de Código e compartilhar seu conhecimento com muitas pessoas!

Quero publicar