Clone object typescript
Se precisa clonar um objeto em TypeScript, este post pode te ajudar.
Última atualização em: | 13645 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 oobjReferencia
é o objeto que será clonado para o novo. Da mesma forma o objetolistaObjetos
será um clone do objetooldListaObjetos
.
Qualquer dúvida deixe nos comentários!
Não esqueca de deixar suas dúvidas nos comentários e compartilhar este post.