1
resposta

Dúvida na aula explorando o framework

Nessa parte do código:

  transferir($event){
    console.log($event);
    const transferencia = {...$event, data: new Date()}
    this.transferencias.push(transferencia);

  }

Eu não entendi qual a função do "..." Poderia explicar novamente por favor ?

1 resposta

Oii Taniguchi, como você está?

Peço desculpas pela demora em obter um retorno.

O "..." (três pontos) é conhecido como o spread operador em JavaScript. Ele permite que você expanda um objeto iterável, como um array ou objeto, em outro objeto. O operador spread é usado para criar uma nova cópia de um objeto ou array e adicionar novos elementos ou propriedades. No código que você apresentou, o operador spread é usado para criar uma cópia do objeto $event, e adiciona uma nova propriedade "data" com o valor de uma nova data. Ou seja, a linha const transferencia = {...$event, data: new Date()} está criando uma nova cópia do objeto $event e adicionando uma nova propriedade data com a data atual, que é então armazenada no array de transferências.

Para ficar mais claro, tome como base o exemplo abaixo:

const numeros = [1, 2, 3];
const numerosNovos = [...numeros, 4, 5, 6];
console.log(numerosNovos);

Resultado:

[
    1,
    2,
    3,
    4,
    5,
    6
]

No exemplo acima, o operador spread é usado para criar uma nova array chamada numerosNovos. Ao espalhar a array original numeros usando o operador spread (três pontos), todos os seus elementos são adicionados à nova array. Em seguida, são adicionados mais três elementos: 4, 5 e 6. Como resultado, a nova array numerosNovos contém todos os elementos da array numeros mais os elementos adicionais.

Uma analogia para entender o operador spread é imaginar que você tem uma pilha de livros e precisa transferi-los para uma nova prateleira. Em vez de pegar cada livro individualmente e colocá-los na nova prateleira, você pode pegar a pilha inteira e espalhá-la na nova prateleira. Isso é mais rápido e fácil do que transferir cada livro individualmente.

Espero ter ajudado. Continue mergulhando em conhecimento e não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Em caso de dúvidas estou à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software