Come restituire più valori da una funzione in JavaScript

Le funzioni sono utilizzate per eseguire un'azione specifica, che prevede un caso di ritorno. Il caso di ritorno può avere un unico valore o nulla da passare. Esistono possibilità che potresti dover restituire più valori dalla funzione definita.

La maggior parte dei nuovi programmatori cerca soluzioni per restituire più valori da una funzione. Sfortunatamente, JavaScript non supporta questa funzione. Tuttavia, è possibile utilizzare array e oggetti per consentire a più valori da imballare e quindi passare tramite una funzione.

Questo articolo spiegherà la procedura per Restituzione di più valori nella funzione JavaScript usando Array E Oggetti. Discuteremo anche i metodi per disimballare l'array e i valori degli oggetti usando Distruggente incarico. Quindi iniziamo!

Metodo 1: restituire più valori da una funzione usando l'array

Gli array possono essere utilizzati quando si desidera recuperare più valori da una funzione JavaScript.

Ad esempio, nell'esempio seguente, "showinfo ()"È una funzione che prende"Nome dipendente" E "designazione"Dalla risposta dell'API di terze parti o dal database back-end. Restituisce i valori come elementi dell'array:

funzione showinfo ()
Let Employeename = 'Alex',
designation = 'manager';
restituire [Employeename, designation];

Successivamente, memorizzeremo i valori restituiti dalla funzione showinfo () nell'array "arr":

Sia ar = showInfo ();

Come il "arr"La variabile è un array, faremo riferimento ai suoi elementi usando le staffe quadrate"[" come segue:

const EmployeEename = arr [0],
designazione = arr [1];
console.log ("Nome dipendente:" + Designazione Employeename + ": + Designazione);

L'esecuzione del programma di cui sopra visualizzerà i valori memorizzati in array "arr"Restituito dalla funzione showinfo ():

Disimballaggio dell'array usando l'assegnazione distruttiva
Il metodo per dichiarare oggetti o variabili per l'archiviazione degli elementi è semplice. Ma, nel caso di dati di grandi dimensioni, definire le variabili ogni volta è considerata un compito noioso.

I loop vengono utilizzati anche per accedere ai valori di un array. Oltre a questo, ES6 offre una nuova funzionalità, "Distruggente incarico,"Questo può essere usato per gli elementi di array disimballaggio:

funzione showinfo ()
Let Employeename = 'Alex',
designation = 'manager';
restituire [Employeename, designation];

Usando un incarico distruttivo, il "Nome dipendente" E "designazione"Prenderà il primo e il secondo elemento dei valori della funzione restituita:

const [Employeename, designation] = showInfo ();
console.log ("designazione di" + Employeename + "è" + designazione);

Ora, dai un'occhiata all'output di seguito:

Metodo 2: restituire più valori da una funzione usando l'oggetto

In una funzione JavaScript, gli oggetti vengono anche utilizzati per assegnare un nome a ciascun valore restituito, rendendo più semplice la manutenzione e più leggibile.

Per lo scopo dimostrativo, inizializzeremo di nuovo "showinfo ()"Funzionare e dichiarare il caso di ritorno in un formato oggetto:

funzione showinfo ()
Let Employeename = 'Alex',
designation = 'manager';
ritorno
'Employeename': Employeename,
'designazione': designazione
;

Poiché i nomi delle proprietà aggiunti e i nomi delle variabili creati sono simili, possiamo utilizzare l'estensione della sintassi letterale dell'oggetto nel modo seguente:

funzione showinfo ()
Let Employeename = 'Alex',
designation = 'manager';
return Employeename, designation;

let info = showInfo ();

Per accedere ai valori specificati, utilizzeremo il "Nome dipendente" E "designazione"Chiavi:

Let EmploysEename = Info.Nome dipendente,
designazione = info.designazione;
console.log ("designazione di" + Employeename + "è" + designazione);

Disimballaggio dell'oggetto usando l'assegnazione distruttiva
Se una funzione restituisce un oggetto comprendente più valori, l'assegnazione distruttiva può aiutarti a disimballare.

Le chiavi saranno esplicitamente dichiarate; Tuttavia, accederà immediatamente alla coppia di valore chiave da "showinfo ()" funzione:

let Employeename, designation = showInfo ();
console.log ("designazione di" + Employeename + "è" + designazione);

L'output di cui sopra significa che abbiamo usato con successo l'assegnazione distruttiva per aver disimballato i valori multipli memorizzati in "informazioni"Oggetto.

Conclusione

Con l'aiuto di array e oggetti, una funzione JavaScript può restituire più valori. L'archiviazione dei valori richiesti in un array ti aiuterà a restituirli dalla funzione creata, mentre, nel caso di un oggetto, è necessario definire un oggetto che comprende i nomi delle variabili come coppie di valore chiave. Questo articolo ha discusso del metodo per restituire più valori da una funzione usando array e oggetti e disimballare con l'assegnazione distruttiva.