Jak zwrócić wiele wartości z funkcji w JavaScript

Funkcje są wykorzystywane do wykonywania określonego działania, które obejmuje przypadek powrotu. Przypadek zwrotny może mieć jedną wartość lub nic do przejścia. Istnieją szanse, że może być konieczne zwrócenie wielu wartości z zdefiniowanej funkcji.

Większość nowych programistów szuka rozwiązań, które zwracają wiele wartości z funkcji. Niestety, JavaScript nie obsługuje tej funkcji. Możesz jednak użyć tablic i obiektów, aby umożliwić spakowanie wielu wartości, a następnie przejść przez funkcję.

Ten zapis wyjaśni procedurę Zwracanie wielu wartości w funkcji JavaScript za pomocą Tablice I Obiekty. Omówimy również metody rozpakowywania tablicy i wartości obiektów za pomocą Niszczenie zadania. A więc zacznijmy!

Metoda 1: Zwraca wiele wartości z funkcji za pomocą tablicy

Tablice można wykorzystać, gdy chcesz pobrać wiele wartości z funkcji JavaScript.

Na przykład, w poniższym przykładzie, „showinfo ()”To funkcja, która pobiera„imię i nazwisko pracownika" I "Przeznaczenie”Z odpowiedzi interfejsu API innych firm lub z bazy danych backend. Zwraca wartości jako elementy tablicy:

funkcja showinfo ()
Niech pracują na nazwie = „Alex”,
oznaczenie = „menedżer”;
zwrot [nazwa pracownika, oznaczenie];

Następnie przechowujemy wartości zwrócone przez funkcję showinfo () do tablicy „arr”:

niech arr = showinfo ();

Jako „arr„Zmienna to tablica, polecamy jej elementy za pomocą kwadratowych nawiasów”[] []”W następujący sposób:

const zatrudniona = ARR [0],
Oznaczenie = ARR [1];
konsola.Log („Nazwa pracownika:” + AuctionEename + „Oznaczenie:” + oznaczenie);

Wykonanie powyższego programu wyświetli wartości przechowywane w tablicy „arr„Zwracane przez funkcję showinfo ():

Rozpakowywanie tablicy za pomocą przypisywania niszczenia
Metoda deklarowania obiektów lub zmiennych do przechowywania elementów jest prosta. Ale w przypadku dużych danych definiowanie zmiennych za każdym razem jest uważane za żmudne zadanie.

Do dostępu do wartości tablicy używane są również pętle. Poza tym ES6 oferuje nową funkcję „”Niszczenie zadania,„Można użyć do rozpakowywania elementów tablicy:

funkcja showinfo ()
Niech pracują na nazwie = „Alex”,
oznaczenie = „menedżer”;
zwrot [nazwa pracownika, oznaczenie];

Korzystanie z niszczenia przypisania, „imię i nazwisko pracownika" I "Przeznaczenie”Weźnie pierwszy i drugi element zwróconych wartości funkcji:

const [AuctioneName, oznaczenie] = showinfo ();
konsola.log („Oznaczenie„ + pracownik + ”to„ + oznaczenie);

Teraz sprawdź pod względem danych wyjściowych:

Metoda 2: Zwraca wiele wartości z funkcji za pomocą obiektu

W funkcji JavaScript obiekty są również używane do przypisania nazwy do każdej zwróconej wartości, ułatwiając utrzymanie i bardziej czytelne.

W celu demonstracji ponownie zainicjujemy „showinfo ()”Funkcja i zadeklaruj przypadek powrotu w formacie obiektu:

funkcja showinfo ()
Niech pracują na nazwie = „Alex”,
oznaczenie = „menedżer”;
powrót
„Pracujeneame”: AuctenENAME,
„Oznaczenie”: oznaczenie
;

Ponieważ dodane nazwy właściwości i utworzone nazwy zmiennych są podobne, możemy użyć rozszerzenia składni dosłownej obiektu w następujący sposób:

funkcja showinfo ()
Niech pracują na nazwie = „Alex”,
oznaczenie = „menedżer”;
return auctioneename, określenie;

LET info = showinfo ();

Aby uzyskać dostęp do określonych wartości, wykorzystamy „imię i nazwisko pracownika" I "Przeznaczenie" Klucze:

Niech pracują na nazwa = informacje.imię i nazwisko pracownika,
Oznaczenie = informacje.Przeznaczenie;
konsola.log („Oznaczenie„ + pracownik + ”to„ + oznaczenie);

Rozpakowywanie obiektu za pomocą niszczenia przypisania
Jeśli funkcja zwraca obiekt zawierający wiele wartości, przypisanie niszczące może pomóc w rozpakowaniu.

Klucze zostaną wyraźnie zadeklarowane; Jednak natychmiast uzyska dostęp do pary wartości kluczowej z „showinfo ()”Funkcja:

niech pracuje, oznaczenie = showinfo ();
konsola.log („Oznaczenie„ + pracownik + ”to„ + oznaczenie);

Powyższe dane wyjściowe oznacza, że ​​z powodzeniem wykorzystaliśmy przypisanie niszczące do rozpakowywania wielu wartości przechowywanych w „informacje" obiekt.

Wniosek

Za pomocą tablic i obiektów funkcja JavaScript może zwrócić wiele wartości. Przechowywanie wymaganych wartości w tablicy pomoże ci zwrócić je z utworzonej funkcji, podczas gdy w przypadku obiektu musisz zdefiniować obiekt zawierający nazwy zmiennych jako parę wartości kluczowej. W tym zapisie omówiono metodę zwracania wielu wartości z funkcji za pomocą tablic i obiektów i rozpakowywania.