Cómo devolver múltiples valores de una función en JavaScript

Las funciones se utilizan para realizar una acción específica, que implica un caso de devolución. El caso de devolución puede tener un solo valor o nada que pasar. Existen posibilidades de que necesite devolver múltiples valores de la función definida.

La mayoría de los nuevos programadores buscan soluciones para devolver múltiples valores de una función. Desafortunadamente, JavaScript no admite esta característica. Sin embargo, puede usar matrices y objetos para permitir múltiples valores para empacar y luego pasar a través de una función.

Este artículo explicará el procedimiento para Devolver múltiples valores en la función JavaScript usando Matrices y Objetos. También discutiremos los métodos para desempacar los valores de matriz y objetos utilizando Destructación de asignación. Entonces, comencemos!

Método 1: devuelva múltiples valores de una función usando Array

Las matrices se pueden utilizar cuando desee recuperar múltiples valores de una función JavaScript.

Por ejemplo, en el ejemplo dado a continuación, "mostrar información()"Es una función que obtiene"nombre de empleado" y "designación"De la respuesta de API de terceros o de la base de datos de backend. Devuelve los valores como elementos de matriz:

función showInfo ()
Deje empleareename = 'Alex',
designación = 'gerente';
regreso [Employeename, designación];

A continuación, almacenaremos los valores devueltos por la función showInfo () en la matriz "arrugado":

Sea arr = showInfo ();

Como el "arrugado"La variable es una matriz, referiremos sus elementos utilizando los soportes cuadrados"[]" como sigue:

const empleeename = arr [0],
designación = arr [1];
consola.Log ("Nombre del empleado:" + Empleado de la designación + ":" + designación);

La ejecución del programa anterior mostrará los valores almacenados en la matriz "arrugado"Regresado por la función showinfo ():

Desempacar la matriz utilizando la tarea de destrucción
El método para declarar objetos o variables para almacenar elementos es sencillo. Pero, en el caso de grandes datos, la definición de variables cada vez se considera una tarea tediosa.

Los bucles también se utilizan para acceder a los valores de una matriz. Además de esto, ES6 ofrece una nueva característica, "Destructación de asignación,"Eso se puede usar para desempacar elementos de matriz:

función showInfo ()
Deje empleareename = 'Alex',
designación = 'gerente';
regreso [Employeename, designación];

Usando la tarea de destrucción, el "nombre de empleado" y "designación"Tomará el primer y segundo elemento de los valores de la función devuelto:

const [Employeename, designación] = showInfo ();
consola.log ("Designación de" + Employeename + "es" + designación);

Ahora, mira la salida dada a continuación:

Método 2: Devuelve múltiples valores de una función usando el objeto

En una función de JavaScript, los objetos también se utilizan para asignar un nombre a cada valor devuelto, lo que hace que sea más fácil de mantener y más legible.

Para el propósito de demostración, nuevamente inicializaremos "mostrar información()"Función y declare el caso de retorno en un formato de objeto:

función showInfo ()
Deje empleareename = 'Alex',
designación = 'gerente';
devolver
'Employeename': Employeename,
'Designación': designación
;

Como los nombres de propiedad adicionales y los nombres de variables creadas son similares, podemos utilizar la extensión de sintaxis literal de objetos de la siguiente manera:

función showInfo ()
Deje empleareename = 'Alex',
designación = 'gerente';
regreso Employeename, designación;

Let info = showInfo ();

Para acceder a los valores especificados, utilizaremos el "nombre de empleado" y "designación" llaves:

Dejar empleareename = info.nombre de empleado,
designación = información.designación;
consola.log ("Designación de" + Employeename + "es" + designación);

Desempaquetando objeto usando tarea de destrucción
Si una función devuelve un objeto que comprende múltiples valores, la tarea de destrucción puede ayudarlo a desempacarlo.

Las teclas serán declaradas explícitamente; Sin embargo, accederá inmediatamente al par de valores clave del "mostrar información()" función:

Sea Employeename, designación = showInfo ();
consola.log ("Designación de" + Employeename + "es" + designación);

La salida dada anteriormente significa que hemos utilizado con éxito la tarea de destrucción para desempacar los múltiples valores almacenados en el "información" objeto.

Conclusión

Con la ayuda de matrices y objetos, una función JavaScript puede devolver múltiples valores. El almacenamiento de los valores requeridos en una matriz lo ayudará a devolverlos desde la función creada, mientras que, en el caso de un objeto, debe definir un objeto que comprenda los nombres de variables como pares de valor clave. Este artículo discutió el método para devolver múltiples valores de una función utilizando matrices y objetos y desempaquetarlos con la tarea de destrucción.