O operador de propagação de javascript explicou

O JavaScript suporta numerosos operadores, métodos e funções para tornar o código compreensível e reutilizável facilmente. Um dos operadores conhecidos, o operador de espalhamento é praticado para recuperar elementos de variáveis ​​de vários tipos de dados (i i.e., strings, matrizes, objetos, etc). Além disso, o uso do operador de propagação é múltiplo, de modo que pode ser usado para copiar elementos da matriz, concatenar matrizes, anexar qualquer elemento a uma matriz existente e muito mais.

Este guia fornece o funcionamento do operador de propagação em JavaScript com seu coletor usa. O conteúdo a seguir seria abordado neste artigo:

1. Como o operador de spread funciona em javascript
2. Como usar o operador de spread em javascript

Como o operador de spread funciona em javascript

A sintaxe do operador de propagação é semelhante ao operador restante, como pode ser visto abaixo.

… Var

Embora a sintaxe do restante e do operador de propagação seja o mesmo, eles têm funcionalidade diferente para oferecer. O Operador REST retorna a combinação de elementos em uma variável de matriz enquanto o operador de espalhamento espalha o objeto em elementos individuais.

Como concatenar matrizes usando o operador de espalhamento

O que entra em sua mente enquanto concorda matrizes? método concat (), certo? No entanto, o operador de spread também pode ser usado para se juntar a duas ou mais matrizes em um único. O código fornecido abaixo refere -se à concatenação de matrizes em JavaScript usando o operador de espalhamento.

var Arr1 = [1, 2, 3]
var Arr2 = [4, 5, 6]
var Arr3 = [… arr1,… arr2];
console.log (arr3);

O código acima cria duas matrizes nomeadas ARR1 e ARR2. Mais tarde, essas matrizes são unidas usando um operador espalhado e armazenadas em outra matriz nomeada ARR3.

Saída

A saída mostra que o operador de spread concatenou duas matrizes.

Como adicionar novos elementos a uma matriz usando o operador de espalhamento

O código a seguir refere -se ao uso do operador de spread para adicionar novos elementos a uma matriz.

var Arr1 = [1, 2, 3]
arr1 = [… arr1, 4, 5];
console.log (arr1);

O código acima cria uma variedade de números que possuem três elementos. No entanto, usando o operador de espalhamento, dois outros elementos são adicionados ao ARR1.

Saída

A saída mostra que dois novos elementos do ARR1 são adicionados.

Como usar o operador de spread com funções matemáticas

Em JavaScript, as funções de matemática são usadas para executar alguns cálculos nos dados. Você pode usar o operador de spread com funções de correspondência para executar os cálculos de maneira mais eficaz, como seriam praticados no código a seguir.

var Arr1 = [11, -22, 13, -44, 35]
console.log (matemática.max (… arr1));

O código acima cria uma variedade de números e Matemática.máx A função é utilizada nos valores da matriz usando o operador de espalhamento.

Saída

A saída mostra que o Matemática.função max () foi aplicado no ARR1 com a ajuda do operador de propagação e o valor máximo do ARR1 é devolvido.

Como converter “String em uma matriz de caracteres de string” usando o operador de espalhamento

O código fornecido abaixo faz uso de um operador de propagação para converter a string em uma matriz de strings.

var x = "linuxhint";
var arr = [… x];
console.log (arr);

O código acima inicializa uma string e o operador de spread separa os caracteres da string em uma matriz de strings.

Saída

A saída mostra que o operador de propagação separou os caracteres da string e é armazenado em uma matriz.

Como usar o operador de spread na chamada de função

O código fornecido abaixo faz uso de um operador de propagação para ser usado para passar vários argumentos.

função add (a, b, c, d, e)
console.log (a+b+c+d+e)

var args = [10, 14, 18]
add (… args, 5, 8);

Uma função adicionar é criado que aceita cinco valores como argumentos e adiciona esses valores. O args é uma variedade de números que contêm três elementos. Ao chamar a função, os valores em args são exercidos com o operador de propagação e dois parâmetros são usados ​​individualmente para concluir os cinco argumentos.

Saída

A saída mostra que o Add () função é chamado com o args, 5 e 8. O args compreende três valores que seriam espalhados pela função.

Conclusão

O operador de propagação permite extrair os elementos e espalhá -los para indivíduos. O operador de spread entrou no negócio no ES6 (a mais recente versão JS lançada em 2015). Este artigo demonstra o trabalho e o uso de um operador de spread em JavaScript. Com a ajuda do operador de propagação, pode -se concatenar matrizes, adicionar novos elementos a uma matriz, quebrar a corda em caracteres individuais e muito mais. Todos os usos indicados acima do operador de propagação são explicados aqui com a ajuda de exemplos.