2

No código a seguir o que significa os três pontinhos que antecedem document.querySelectorAll

const [marcas, valor] = [...document.querySelectorAll('input.classNew')];

marcas.addEventListener('keyup', function() {
    //codigo
} 

Fiz inúmeras buscas no site e no Google sem obter exito.

Obs: sei que se retirar um ou mais pontinho dá erro no script

9
  • 1
    @AndersonCarlosWoss, valeu!!!!
    – user60252
    18/07/2018 às 13:44
  • Eu positivei a pergunta e negativei as duas respostas, acredito que votar como duplicata é a melhor ação nessa "boa" pergunta 18/07/2018 às 13:45
  • A principal vantagem e poder copiar o array invés de passar a referencia. 18/07/2018 às 13:48
  • @MarceloBoni, após o @ AndersonCarlosWoss ter me indicado os links eu ia remover a pergunta mas as respostas dadas não me deixam remover.
    – user60252
    18/07/2018 às 13:48

2 Respostas 2

0

É o operador Spread do Javascript. Você expande uma expressão em que há múltiplos argumentos, por exemplo:

function sum(a,b) {
    return a+b;
}

let myArray = [1, 2];
console.log(sum(...myArray)); //3

let spreadInArray = [3, 4, ... myArray];
console.log(spreadInArray); //[ 3, 4, 1, 2 ]
-1

Essa é uma sintaxe do ES6 chamada operador spread.

Operador Spread

O operador spread permite uma expressão ser expandida em locais onde múltiplos argumentos (por chamadas de função) ou múltiplos elementos (por array literais) são esperados.

Basicamente no seu caso serve para definir que os elementos contidos no array serão utilizados 1 a 1 dentro de outro array, atribuindo o primeiro valor à variável marcas e o seguindo a variável valor.

1
  • 2
    O basicamente no seu caso .... utilizados 1 a 1 dentro de outro array foi decisivo para que eu entendesse claramente o significado do Operador Spread
    – user60252
    18/07/2018 às 14:25