Clone object typescript

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

Wolmir Cezer Garbin por Wolmir Cezer Garbin - - Typescript - TUTORIAL

Última atualização em: | 13221 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.


Apoiadores

Posts Relacionados

Publique seu post no Receitas de Código

Aguarde, estamos trabalhando para que você possa publicar sua postagem no Receitas de Código!