Como retornar vários valores de uma função em javascript

As funções são utilizadas para executar uma ação específica, que envolve um caso de retorno. O caso de retorno pode ter um único valor ou nada para passar. Existem chances de que você precise retornar vários valores da função definida.

A maioria dos novos programadores procura soluções para retornar vários valores de uma função. Infelizmente, o JavaScript não suporta esse recurso. No entanto, você pode usar matrizes e objetos para permitir vários valores para embalar e depois passar por meio de uma função.

Este artigo explicará o procedimento para retornando vários valores na função JavaScript usando Matrizes e Objetos. Também discutiremos os métodos para descompactar valores de matriz e objeto usando Atribuição de destruição. Então vamos começar!

Método 1: Retorne vários valores de uma função usando a matriz

Matrizes podem ser utilizadas quando você deseja recuperar vários valores de uma função JavaScript.

Por exemplo, no exemplo abaixo, “showinfo ()”É uma função que busca“nome do empregado" e "designação”Da resposta da API de terceiros ou do banco de dados de back-end. Ele retorna os valores como elementos de matriz:

função showInfo ()
Deixe empregareename = 'Alex',
designação = 'gerente';
retornar [Employeename, designação];

Em seguida, armazenaremos os valores retornados pela função showinfo () na matriz “arr”:

deixe arr = showinfo ();

Enquanto o "arr"A variável é uma matriz, referiremos seus elementos usando os colchetes"[]" do seguinte modo:

const Employeename = arr [0],
designação = arr [1];
console.log ("Nome do funcionário:" + Employeename + "Designação:" + designação);

A execução do programa acima do rumo exibirá os valores armazenados na matriz “arr”Retorno pela função showInfo ():

Descepcionando a matriz usando atribuição de destruição
O método de declarar objetos ou variáveis ​​para armazenar elementos é direto. Mas, no caso de dados grandes, definir variáveis ​​cada vez é considerado uma tarefa tediosa.

Loops também são usados ​​para acessar os valores de uma matriz. Além disso, o ES6 oferece um novo recurso, “Atribuição de destruição,”Isso pode ser usado para descompactar elementos de matriz:

função showInfo ()
Deixe empregareename = 'Alex',
designação = 'gerente';
retornar [Employeename, designação];

Usando a atribuição de destruição, o “nome do empregado" e "designação”Levará o primeiro e o segundo elemento dos valores de função retornada:

const [Employeename, designação] = showInfo ();
console.log ("Designação de" + Employeename + "é" + designação);

Agora, confira a saída abaixo:

Método 2: retornar vários valores de uma função usando objeto

Em uma função JavaScript, os objetos também são usados ​​para atribuir um nome a cada valor retornado, facilitando a manutenção e mais legível.

Para o propósito de demonstração, inicializaremos novamente “showinfo ()”Funciona e declare o caso de retorno em um formato de objeto:

função showInfo ()
Deixe empregareename = 'Alex',
designação = 'gerente';
retornar
'Nome do Emprego': Nome do Emprego,
'Designação': designação
;

Como os nomes adicionais de propriedades e os nomes de variáveis ​​criados são semelhantes, podemos utilizar a extensão de sintaxe literal do objeto da seguinte maneira:

função showInfo ()
Deixe empregareename = 'Alex',
designação = 'gerente';
return Employeename, designação;

deixe info = showInfo ();

Para acessar os valores especificados, utilizaremos o “nome do empregado" e "designação" chaves:

Deixe o Nome do Emprego = Informações.nome do empregado,
designação = informações.designação;
console.log ("Designação de" + Employeename + "é" + designação);

Descepcionando objeto usando atribuição de destruição
Se uma função retornar um objeto compreendendo vários valores, a atribuição de destruição pode ajudá -lo a descompactá -lo.

As chaves serão explicitamente declaradas; No entanto, ele acessará imediatamente o par de valores-chave do “showinfo ()”Função:

Seja Employeename, designação = showInfo ();
console.log ("Designação de" + Employeename + "é" + designação);

A saída acima mencionada significa que usamos com sucesso a atribuição de destruição para descompactar os múltiplos valores armazenados no “informações”Objeto.

Conclusão

Com a ajuda de matrizes e objetos, uma função JavaScript pode retornar vários valores. O armazenamento de valores necessários em uma matriz o ajudará a devolvê-los da função criada, enquanto, no caso de um objeto, você deve definir um objeto que compreenda nomes de variáveis ​​como pares de valor-chave. Este artigo discutiu o método para retornar vários valores de uma função usando matrizes e objetos e descompactar-os com a atribuição de destruição.