Mehrere Werte in JavaScript zurückgeben

1. Mehrere Werte aus einer Funktion mit Array in JavaScript zurückgeben
2. Mehrere Werte aus einer Funktion mit Objekten in JavaScript zurückgeben

Normalerweise endet eine Funktion mit einem Rückgabefall. Der Rückgabefall kann einen Wert haben oder nichts weitergeben.

In JavaScript wird eine Funktion nicht unterstützt, um mehrere Werte zurückzugeben. Um also mehrere Werte zu packen und über eine Funktion zu übergeben, nehmen wir die Hilfe von Arrays und Objekten.

Hier demonstrieren wir die Verwendung eines Arrays zum Speichern mehrerer Funktionswerte. Und später werden wir auch sehen, wie Sie ein Objekt verwenden können, um die Funktionswerte zu sammeln.

Außerdem werden wir auch herausfinden, wie man die Funktionswerte mit einer zerstörenden Zuweisung und einer allgemeinen Variablendeklaration entpackt.

Mehrere Werte aus einer Funktion mit Array in JavaScript zurückgeben

In diesem Fall hat die Funktion getValue zwei Variablen, und wir werden sie als Array zur Rückgabe übergeben.

Die neue Variable feature-Deklaration speichert die Funktionsrückgaben in Form des Arrays. Wie bei jedem anderen Array-Traverse können wir mit Indizes auf die Werte zugreifen.

Einfacher ausgedrückt ist das feature hier ein weiteres Array, das die von der Funktion getValues zurückgegebenen Sync-Werte in Form eines Arrays erfasst.

Code-Auszug:

function getValues() {
  var hair = 'Short', color = 'Black';
  return [hair, color];
}
var feature = getValues();
var x = feature[0];
var y = feature[1];
console.log(x + ' ' + y + ' Hair');

Ausgabe:

Entpacken des Arrays mit der Funktion Destructing Assignment

Im Allgemeinen können wir einfach Variablen oder Objekte deklarieren, um die Array-Elemente zu speichern. Aber es ist mühsam, bei großen Datenmengen jedes Mal var zu definieren.

Sie können auch ein Array durchlaufen, um auf Werte zuzugreifen. Abgesehen davon hat ES6 eine neue Ergänzung zum Entpacken von Array-Elementen wie im folgenden Beispiel.

Code-Auszug:

function getValues() {
  var hair = 'Short', color = 'Black';
  return [hair, color];
}
var [x, y] = getValues();
console.log(x + ' ' + y + ' Hair');

Ausgabe:

Mehrere Werte aus einer Funktion mit Objekten in JavaScript zurückgeben

Sie können ganz einfach ein Schlüssel-Wert-Paar haben, um Ihre Daten mit Objekten zu strukturieren. Für dieses Beispiellaufwerk werden wir erneut die Funktion getValues initialisieren, und dieses Mal wird der Rückgabefall in einem Objektformat vorliegen.

Code-Auszug:

function getValues() {
  var hair = 'Long', color = 'Brown';
  return {hair, color};
}
var feature = getValues();
var x = feature.hair;
var y = feature.color;
console.log(x + ' ' + y + ' Hair');

Ausgabe:

Der Codeblock hat hier eine Variable feature, die als Objekt fungiert. Später rufen wir zusammen mit der dot(.)-Methode die keys auf, um auf die Werte zuzugreifen.

Diese Karte verlangt explizit die Schlüsselnamen, damit die entsprechenden Werte das Wort bekommen.

Verwenden Sie Destructing Assignment, um das Objekt zu entpacken

Ein von einer Funktion übergebenes Objekt kann entpackt werden, indem die ES6-Konvention deklariert wird: destructing assignment.

Hier deklarieren wir explizit die Schlüssel, aber die Deklaration greift direkt aus der Funktion auf die Wertepaare zu. Lassen Sie uns den Codeblock überprüfen.

Code-Auszug:

function getValues() {
  var hair = 'Long', color = 'Brown';
  return {hair, color};
}
var {hair, color} = getValues();
console.log(hair + ' ' + color + ' Hair');

Ausgabe:

Wie Sie sehen können, haben wir gerade die Schlüssel aus der Funktion übergeben, und wenn Sie sie mit den Schlüsselnamen entpacken, zeigt die Ausgabe auch die entsprechenden Werte.