Comment puis-je renvoyer plusieurs valeurs à partir d'une fonction JavaScript ?

Pouvez-vous renvoyer plusieurs valeurs en JavaScript ?

Traditionnellement, les fonctions JavaScript ne peuvent renvoyer qu'une seule valeur. Cependant, il existe des moyens de simuler le retour de plusieurs valeurs.

Tableau comme valeur de retour

Une méthode consiste à renvoyer un tableau contenant les valeurs souhaitées. Par exemple :

function getValues() {
    return [getFirstValue(), getSecondValue()];
}

Vous pouvez ensuite accéder aux valeurs par affectation de déstructuration :

const [first, second] = getValues();

Cette approche est équivalente à :

const values = getValues();
const first = values[0];
const second = values[1];

Objet comme valeur de retour

Une autre option consiste à renvoyer un objet avec des propriétés nommées pour chaque valeur. Cela fournit une méthode plus structurée et étiquetée pour renvoyer plusieurs valeurs :

function getValues() {
    return {
        first: getFirstValue(),
        second: getSecondValue(),
    };
}

Pour accéder aux valeurs dans ce cas, vous pouvez utiliser la syntaxe de déstructuration d'objet ES6 :

const {first, second} = getValues();

Alternativement, vous pouvez utiliser le plus verbeux approche :

const values = getValues();
const first = values.first;
const second = values.second;

Recommandation

L'approche recommandée pour renvoyer plusieurs valeurs en JavaScript consiste à utiliser un objet. Cela fournit un étiquetage clair, une facilité d'ajout de nouvelles valeurs et une meilleure sécurité des types dans TypeScript et JSDoc par rapport à l'utilisation de tableaux. Renvoie uniquement des tableaux pour les tuples simples avec un ordre clair, tels que les paires de coordonnées [x, y].

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!