Skip to content

How to return multiple values from a function in JavaScript

Functions return only one value. How can we simulate returning multiple values from a function?

When we call a function in JavaScript, we can only return one value using the return statement:

const getAge = () => {
  return 37
}

const getName = () => {
  return 'Flavio'
}

How can we return multiple values from a function?

One easy trick is to return an array

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

This is fine, and we can get the values in this way thanks to array destructuring:

const [age, name] = getDetails()

Now we have the age and name variables that contain those values.

Note that the order we define those in const [age, name] = getDetails() matters.

We can also return an object and use object destructuring:

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

const { age, name } = getDetails()

In this case, the order of age and name in const { age, name } = getDetails() does not matter any more, because those are named parameters.

→ Download my free JavaScript Handbook!

THE VALLEY OF CODE

THE WEB DEVELOPER's MANUAL

You might be interested in those things I do:

  • Learn to code in THE VALLEY OF CODE, your your web development manual
  • Find a ton of Web Development projects to learn modern tech stacks in practice in THE VALLEY OF CODE PRO
  • I wrote 16 books for beginner software developers, DOWNLOAD THEM NOW
  • Every year I organize a hands-on cohort course coding BOOTCAMP to teach you how to build a complex, modern Web Application in practice (next edition February-March-April-May 2024)
  • Learn how to start a solopreneur business on the Internet with SOLO LAB (next edition in 2024)
  • Find me on X

Related posts that talk about js: