So senden Sie mehrere Werte aus einer Funktion in JavaScript zurück

Funktionen werden für die Ausführung einer spezifischen Aktion verwendet, die einen Rückgabebereich beinhaltet. Der Rückgabefall kann einen einzelnen Wert haben oder nichts zu übergeben. Es gibt Chancen, dass Sie möglicherweise mehrere Werte aus der definierten Funktion zurückgeben müssen.

Die Mehrheit der neuen Programmierer sucht nach Lösungen, um mehrere Werte aus einer Funktion zurückzugeben. Leider unterstützt JavaScript diese Funktion nicht. Sie können jedoch Arrays und Objekte verwenden, um mehrere Werte zu packen und dann über eine Funktion zu übergeben.

Diese Beschreibung erläutert das Verfahren für Rückgabe mehrerer Werte in der JavaScript -Funktion Verwendung Arrays Und Objekte. Wir werden auch die Methoden zum Auspacken von Array- und Objektwerten diskutieren Zerstörungsaufgabe. So lass uns anfangen!

Methode 1: Rückgabe mehrerer Werte aus einer Funktion mit Array

Arrays können verwendet werden, wenn Sie mehrere Werte aus einer JavaScript -Funktion abrufen möchten.

Zum Beispiel im folgenden Beispiel: “Zeige Info()Ist eine Funktion, die abholt "Mitarbeitername" Und "Bezeichnung”Aus der API-Antwort von Drittanbietern oder aus der Backend-Datenbank. Es gibt die Werte als Array -Elemente zurück:

Funktion showInfo ()
lass Employeename = 'Alex',
Bezeichnung = 'Manager';
Return [Employeename, Bezeichnung];

Als nächstes speichern wir die von der Funktion ShowInfo () zurückgegebenen Werte in das Array “arr”:

arr = showInfo ();

Als die "arr"Variable ist ein Array, wir werden seine Elemente mit den Quadratklammern verweisen"[]" folgendermaßen:

const Employeename = arr [0],
Bezeichnung = arr [1];
Konsole.log ("Mitarbeitername:" + Employeename + "Bezeichnung:" + Bezeichnung);

Die Ausführung des oben gegebenen Programms zeigt die in Array gespeicherten Werte an “arr”Zurückgegeben durch die Funktion showInfo ():

Das Array des Arrays mit Zerstörungsaufträgen auspacken
Die Methode zur Deklaration von Objekten oder Variablen zum Speichern von Elementen ist unkompliziert. Bei großen Daten wird jedoch jedes Mal die Definition von Variablen als mühsame Aufgabe angesehen.

Schleifen werden auch zum Zugriff auf die Werte eines Arrays verwendet. Außerdem bietet ES6 eine neue Funktion “,“Zerstörungsaufgabe,Das kann zum Auspacken von Array -Elementen verwendet werden:

Funktion showInfo ()
lass Employeename = 'Alex',
Bezeichnung = 'Manager';
Return [Employeename, Bezeichnung];

Verwenden der Zerstörungsaufgabe die “Mitarbeitername" Und "Bezeichnung”Wird das erste und zweite Element der zurückgegebenen Funktionswerte nehmen:

const [Employeename, Bezeichnung] = ShowInfo ();
Konsole.log ("Bezeichnung von" + Employeename + "ist" + Bezeichnung);

Schauen Sie sich nun die untergegebene Ausgabe an:

Methode 2: Rückgabe mehrerer Werte aus einer Funktion mit dem Objekt

In einer JavaScript -Funktion werden Objekte auch verwendet, um jedem zurückgegebenen Wert einen Namen zuzuweisen, sodass die Wartung einfacher und lesbarer ist.

Für den Demonstrationszweck werden wir wieder initialisieren “Zeige Info()Funktion und deklarieren Sie den Rückgabefall in einem Objektformat:

Funktion showInfo ()
lass Employeename = 'Alex',
Bezeichnung = 'Manager';
zurückkehren
'Employeename': Employeename,
'Bezeichnung': Bezeichnung
;

Da die hinzugefügten Eigenschaftsnamen und erstellten Variablennamen ähnlich sind, können wir die Objektliteral -Syntax -Erweiterung folgendermaßen verwenden:

Funktion showInfo ()
lass Employeename = 'Alex',
Bezeichnung = 'Manager';
return Employeename, Bezeichnung;

lass info = showInfo ();

Um auf die angegebenen Werte zuzugreifen, werden wir die “verwenden“Mitarbeitername" Und "Bezeichnung" Schlüssel:

lass peopleeename = info.Mitarbeitername,
Bezeichnung = Info.Bezeichnung;
Konsole.log ("Bezeichnung von" + Employeename + "ist" + Bezeichnung);

Objekt mit Zerstörungsaufgabe auspacken
Wenn eine Funktion ein Objekt zurückgibt, das mehrere Werte umfasst, kann die Zerstörungszuweisung Sie beim Auspacken unterstützen.

Die Schlüssel werden ausdrücklich erklärt; Es wird jedoch sofort auf das Schlüsselwertpaar aus dem zugreifenZeige Info()Funktion:

lass Employeename, Bezeichnung = showInfo ();
Konsole.log ("Bezeichnung von" + Employeename + "ist" + Bezeichnung);

Die oben gegebene Ausgabe bedeutet, dass wir die zerstörerische Zuordnung zum Auspacken der in der “gespeicherten Mehrwertwerte erfolgreich verwendet haben.“die Info" Objekt.

Abschluss

Mit Hilfe von Arrays und Objekten kann eine JavaScript -Funktion mehrere Werte zurückgeben. Das Speichern der erforderlichen Werte in einem Array unterstützt Sie bei der Rückkehr aus der erstellten Funktion, während Sie im Fall eines Objekts ein Objekt definieren müssen, das Variablennamen als Schlüsselwertpaare umfasst. In diesem Artikel wurde die Methode besprochen, um mehrere Werte aus einer Funktion unter Verwendung von Arrays und Objekten zurückzugeben und sie mit der Zerstörungsaufgabe auszupacken.