Operador de extensão Javascript

| | | | | |

O operador de propagação avascript expande um array em sintaxe que aceita argumentos. O operador de difusão é comumente usado para objetos duplicados, tabelas de mesclagem ou para passar o conteúdo de uma lista de acordo com.

O operador de difusão. Não, não tem nada a ver com torradas. Em JavaScript, o operador broadcast tem um significado específico: é uma forma de acessar o conteúdo de um objeto iterável. Embora possa não parecer tão divertido quanto colar uma difusão no brinde, é uma ferramenta incrivelmente útil para conhecer.

Neste guia, falaremos sobre o operador de transmissão JavaScript e como ele funciona . Veremos alguns exemplos de casos de uso comuns para você começar.

O que é o operador de entrega JavaScript?

operador de propagação Um JavaScript permite acessar o conteúdo de um objeto iterável . O operador de transmissão é um conjunto de três pontos (uma elipse) seguido pelo nome dos iteráveis que você deseja acessar. Este operador foi introduzido no JavaScript ES6.

Os três tipos de objetos iterativos são arrays, objetos literais e strings. Ao usar um loop, você pode percorrer todos esses tipos de dados e executar um processo comum neles.

Os objetos iterativos são úteis porque você pode executar o mesmo processo neles várias vezes. Você pode percorrer uma string e substituir alguns caracteres. Você pode iterar uma matriz e criar um total de todos os valores ‚Äã‚Äãarmazenados na matriz.

A sintaxe para o operador de transmissão é:.

Nesta sintaxe, usamos ... nomes para passar o conteúdo de nossa lista de "nomes" para uma lista chamada "novos_nomes". A lista "new_names" contém todos os itens da lista "names", juntamente com um novo nome:. Leslie

Três Casos de uso comuns para o operador de broadcast são: ..

A sintaxe de propagação representa todos os elementos individuais de uma lista

Operador de propagação JavaScript:. . Faça uma cópia de um iterável

O operador broadcast é uma maneira eficiente de duplicar um iterativo, embora existam outras maneiras de lidar com esse problema, o operador broadcast é muito fácil de usar. para criar uma cópia de um iterável, especifique três pontos e o nome do array que deseja criar

No nosso último exemplo mostramos como funciona com um array também podemos usar o operador de broadcast para duplicar Objetos JavaScript.

Nosso código imprime o seguinte no console JavaScript :

Aqui estão distinções importantes que temos que fazer neste exemplo. Criamos uma cópia de um objeto JavaScript. Isso significa que precisamos usar chaves ({}) em vez de colchetes ([]).

Segundo, em vez de especificar uma única matriz, especificamos um objeto. Este objeto contém três chaves e valores, cada um relacionado ao nosso cupcake "Lemon Drizzle".

Os casos de uso do operador de transmissão não se limitam a copiar iteráveis! Há mais para explorar. O operador de difusão é comumente usado para adicionar elementos de um iterável a outro. Considere o seguinte exemplo:

Nosso código retorna:

Criamos uma cópia do nosso array JavaScript chamado" new_cupcakes ", que também inclui alguns valores adicionais ‚Äã‚Äãque criamos.

Você também pode usar a mesma sintaxe para unir dois iteráveis. Tudo o que você precisa fazer é especificar o dois iteráveis entre colchetes usando o operador broadcast:

Nosso código retorna:

O mesmo resultado é retornado como antes, mas desta vez juntamos duas redes

JavaScript Difusão:. pas cante argumentos para uma função

Ao passar vários argumentos em uma função JavaScript , pode ser útil usar o operador de transmissão. Considere este exemplo:

Nosso código retorna:

Declaramos uma função chamada PlaceOrder () que recebe três argumentos e os imprime no console. Cada valor é precedido por um rótulo que descreve o que cada argumento contém.

Enquanto este código é funcional, podemos especificar nossos argumentos em um array e usar o operador broadcast para passá-los para nossa função:

Nosso código retorna:

a saída deste código é a mesma, mas a forma como nosso código funciona é diferente. Em vez de passar os valores ‚Äã‚Äãdiretamente para nossa função, especificamos esses valores ‚Äã‚Äãem uma lista. Em seguida, usamos o operador de transmissão para passar esses valores ‚Äã‚Äãpara nossa função.