Hvordan returnere flere verdier fra en funksjon i JavaScript

Funksjoner brukes til å utføre en spesifikk handling, som innebærer en retursak. Returssaken kan ha en enkelt verdi eller ingenting å passere. Det eksisterer sjanser for at du kanskje trenger å returnere flere verdier fra den definerte funksjonen.

Flertallet av de nye programmererne ser etter løsninger for å returnere flere verdier fra en funksjon. Dessverre støtter ikke JavaScript denne funksjonen. Du kan imidlertid bruke matriser og objekter for å tillate flere verdier å pakke og deretter passere via en funksjon.

Denne oppskrivningen vil forklare prosedyren for returnerer flere verdier i JavaScript -funksjonen ved hjelp av Matriser og Objekter. Vi vil også diskutere metodene for å pakke ut matrise og objektverdier ved bruk av Ødeleggende oppdrag. Så la oss starte!

Metode 1: Returner flere verdier fra en funksjon ved bruk av matrise

Arrays kan brukes når du vil hente flere verdier fra en JavaScript -funksjon.

For eksempel i det undergitte eksemplet, "showInfo ()”Er en funksjon som henter”ansattes navn”Og“betegnelse”Fra tredjeparts API-svar eller fra backend-databasen. Den returnerer verdiene som matriseelementer:

funksjon showInfo ()
La EmployeeName = 'Alex',
betegnelse = 'manager';
Return [EmployeeName, betegnelse];

Deretter vil vi lagre verdiene som returneres av showInfo () -funksjonen i matrisen “arr”:

La arr = showInfo ();

Som "arr”Variabel er en matrise, vi vil henvise til elementene ved å bruke firkantede parenteser”[]" følgende:

const EmployeeName = arr [0],
betegnelse = arr [1];
konsoll.Logg ("Ansattes navn:" + EmployeeName + "Betegnelse:" + Betegnelse);

Utførelse av det ovennevnte programmet vil vise verdiene som er lagret i Array “arr”Returert av ShowInfo () -funksjonen:

Pakk ut matrise ved hjelp av ødeleggende oppdrag
Metoden for å erklære objekter eller variabler for lagring av elementer er grei. Men når det gjelder store data, regnes det å definere variabler hver gang som en kjedelig oppgave.

Løkker brukes også til å få tilgang til verdiene til en matrise. Foruten dette tilbyr ES6 en ny funksjon, "Ødeleggende oppdrag,”Som kan brukes til å pakke ut arrayelementer:

funksjon showInfo ()
La EmployeeName = 'Alex',
betegnelse = 'manager';
Return [EmployeeName, betegnelse];

Ved hjelp av ødeleggende oppdrag, "ansattes navn”Og“betegnelse”Vil ta det første og andre elementet i de returnerte funksjonsverdiene:

const [EmployeeName, betegnelse] = showInfo ();
konsoll.Logg ("Betegnelse av" + EmployeeName + "er" + Betegnelse);

Nå, sjekk ut den undergitte utgangen:

Metode 2: Returner flere verdier fra en funksjon ved hjelp av objekt

I en JavaScript -funksjon brukes også objekter til å tilordne et navn til hver returnert verdi, noe som gjør det lettere å vedlikeholde og mer lesbar.

For demonstrasjonsformålet vil vi igjen initialisere “showInfo ()”Funksjon og erklære retursaken i et objektformat:

funksjon showInfo ()
La EmployeeName = 'Alex',
betegnelse = 'manager';
komme tilbake
'EmployeeName': EmployeeName,
'Betegnelse': Betegnelse
;

Ettersom de ekstra egenskapsnavnene og opprettet variabler er like, kan vi bruke objektets bokstavelige syntaksutvidelse på følgende måte:

funksjon showInfo ()
La EmployeeName = 'Alex',
betegnelse = 'manager';
return EmployeeName, betegnelse;

La info = showInfo ();

For å få tilgang til de spesifiserte verdiene, vil vi bruke "ansattes navn”Og“betegnelse”Nøkler:

La EmployeeName = Info.ansattes navn,
Betegnelse = info.betegnelse;
konsoll.Logg ("Betegnelse av" + EmployeeName + "er" + Betegnelse);

Pakk ut objekt ved hjelp av ødeleggelse
Hvis en funksjon returnerer et objekt som består av flere verdier, kan den ødeleggende oppgaven hjelpe deg med å pakke ut det.

Nøklene vil eksplisitt bli erklært; Imidlertid vil det umiddelbart få tilgang til nøkkelverdiparet fra "showInfo ()”Funksjon:

La EmployeTeName, betegnelse = showInfo ();
konsoll.Logg ("Betegnelse av" + EmployeeName + "er" + Betegnelse);

Den ovennevnte utgangen betyr at vi med hell har brukt den ødeleggende oppgaven for å pakke ut de flere verdiene som er lagret i "info”Objekt.

Konklusjon

Ved hjelp av matriser og objekter kan en JavaScript -funksjon returnere flere verdier. Lagring av nødvendige verdier i en matrise vil hjelpe deg med å returnere dem fra den opprettede funksjonen, mens du i tilfelle av et objekt må definere et objekt som omfatter variabler navn som nøkkelverdipar. Denne oppskrivningen diskuterte metoden for å returnere flere verdier fra en funksjon ved hjelp av matriser og objekter og pakke dem ut med den ødeleggende oppgaven.