Comment renvoyer plusieurs valeurs à partir d'une fonction dans JavaScript

Les fonctions sont utilisées pour effectuer une action spécifique, qui implique un cas de retour. Le cas de retour peut avoir une seule valeur ou rien à passer. Il existe des chances de devoir renvoyer plusieurs valeurs de la fonction définie.

La majorité des nouveaux programmeurs recherchent des solutions pour renvoyer plusieurs valeurs d'une fonction. Malheureusement, JavaScript ne prend pas en charge cette fonctionnalité. Cependant, vous pouvez utiliser des tableaux et des objets pour permettre à plusieurs valeurs à emballer, puis passer via une fonction.

Cet article expliquera la procédure pour Renvoi plusieurs valeurs dans la fonction javascript en utilisant Tableaux et Objets. Nous discuterons également des méthodes pour déballer les valeurs du tableau et des objets en utilisant Mission de détruire. Alors, commençons!

Méthode 1: renvoie plusieurs valeurs à partir d'une fonction à l'aide du tableau

Les tableaux peuvent être utilisés lorsque vous souhaitez récupérer plusieurs valeurs à partir d'une fonction JavaScript.

Par exemple, dans l'exemple ci-dessous, «showInfo ()"Est une fonction qui récupére"Nom de l'employé" et "désignation«De la réponse de l'API tiers ou de la base de données backend. Il renvoie les valeurs en tant qu'éléments de tableau:

fonction showInfo ()
Laissez employeename = 'Alex',
désignation = 'manager';
retour [employeename, désignation];

Ensuite, nous stockons les valeurs renvoyées par la fonction showInfo () dans le tableau "art»:

Soit arr = showInfo ();

Comme le «art"La variable est un tableau, nous référerons ses éléments en utilisant les crochets"[]" comme suit:

const ulmyeename = arr [0],
désignation = arr [1];
console.Log ("Nom de l'employé:" + Employeename + "Désignation:" + désignation);

L'exécution du programme ci-dessus affichera les valeurs stockées dans le tableau «art”Rendu par la fonction showInfo ():

Déballage du tableau à l'aide de la mission destructive
La méthode de déclaration d'objets ou de variables pour stocker les éléments est simple. Mais, dans le cas de grandes données, la définition de variables à chaque fois est considérée comme une tâche fastidieuse.

Des boucles sont également utilisées pour accéder aux valeurs d'un tableau. En plus de cela, ES6 propose une nouvelle fonctionnalité, "Mission de détruire,«Cela peut être utilisé pour déballer les éléments du tableau:

fonction showInfo ()
Laissez employeename = 'Alex',
désignation = 'manager';
retour [employeename, désignation];

En utilisant une affectation destructive, le «Nom de l'employé" et "désignation”Prendra le premier et le deuxième élément des valeurs de fonction renvoyées:

const [employeename, désignation] = showInfo ();
console.Log ("La désignation de" + Employeename + "est" + désignation);

Maintenant, consultez la sortie en dessous:

Méthode 2: renvoie plusieurs valeurs à partir d'une fonction à l'aide de l'objet

Dans une fonction JavaScript, les objets sont également utilisés pour attribuer un nom à chaque valeur renvoyée, ce qui facilite le maintien et le plus lisible.

À des fins de démonstration, nous allons à nouveau initialiser «showInfo ()”Fonction et déclarez le cas de retour dans un format d'objet:

fonction showInfo ()
Laissez employeename = 'Alex',
désignation = 'manager';
retour
«Employeename»: employée,
'désignation': désignation
;

Comme les noms de propriété ajoutés et les noms de variables créés sont similaires, nous pouvons utiliser l'extension de syntaxe littérale de l'objet de la manière suivante:

fonction showInfo ()
Laissez employeename = 'Alex',
désignation = 'manager';
return employeename, désignation;

Soit info = showInfo ();

Pour accéder aux valeurs spécifiées, nous utiliserons le «Nom de l'employé" et "désignation" clés:

Laissez employeename = info.Nom de l'employé,
désignation = info.désignation;
console.Log ("La désignation de" + Employeename + "est" + désignation);

Déballage objet en utilisant une affectation destructrice
Si une fonction renvoie un objet comprenant plusieurs valeurs, l'affectation destructrice peut vous aider à le déballer.

Les clés seront explicitement déclarées; Cependant, il accédera immédiatement à la paire de valeurs clés du "showInfo ()" fonction:

Soit employeename, désignation = showInfo ();
console.Log ("La désignation de" + Employeename + "est" + désignation);

La sortie donnée ci-dessus signifie que nous avons utilisé avec succès l'affectation destructrice pour déballer les multiples valeurs stockées dans le «Info" objet.

Conclusion

À l'aide de tableaux et d'objets, une fonction JavaScript peut renvoyer plusieurs valeurs. Le stockage des valeurs requises dans un tableau vous aidera à les renvoyer de la fonction créée, tandis que, dans le cas d'un objet, vous devez définir un objet comprenant des noms de variables comme paires de valeurs clés. Cette rédaction a discuté de la méthode pour renvoyer plusieurs valeurs à partir d'une fonction à l'aide de tableaux et d'objets et de les déballer avec l'affectation destructrice.