Comment renvoyer plusieurs valeurs à partir d'une fonction en JavaScript

Les fonctions ne renvoient qu'une seule valeur. Comment simuler le retour de plusieurs valeurs à partir d'une fonction?


Lorsque nous appelons une fonction en JavaScript, nous ne pouvons renvoyer qu'une seule valeur en utilisant lereturndéclaration:

const getAge = () => {
  return 37
}

const getName = () => { return ‘Flavio’ }

Comment pouvons-nous renvoyer plusieurs valeurs à partir d'une fonction?

Une astuce simple consiste à renvoyer un tableau

const getDetails = () => {
  return [37, 'Flavio']
}

C'est très bien, et nous pouvons obtenir les valeurs de cette manière grâce à la déstructuration des tableaux:

const [age, name] = getDetails()

Maintenant nous avons leageetnamevariables qui contiennent ces valeurs.

Notez que l'ordre dans lequel nous définissons ceuxconst [age, name] = getDetails()questions.

Nous pouvons également retourner un objet et utiliser la déstructuration d'objet:

const getDetails = () => {
  return { 
    age: 37, 
    name: 'Flavio'
  }
}

const { age, name } = getDetails()

Dans ce cas, l'ordre deageetnamedansconst { age, name } = getDetails()n'a plus d'importance, car ce sont des paramètres nommés.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: