Returning Multiple Values From A Function In JS

In this blog, we learn about how to Returning Multiple Values from a Function in Java Script.

In JavaScript, there are several ways to return multiple values from a function. Some of the most common ways include:

1) Using an array

You can return an array containing multiple values.

For Example,

function getValues() {
    return [1, 2, 3];
}
let arr = getValues();
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3

2) Using an object

You can return an object containing multiple values as properties.

For Example,

function getValues() {
    return {
        value1: 1,
        value2: 2,
        value3: 3
    };
}
let obj = getValues();
console.log(obj.value1); // 1
console.log(obj.value2); // 2
console.log(obj.value3); // 3

3) Using the destructuring assignment

If you're using a more recent version of JavaScript (ECMAScript 6 or newer), you can use destructuring assignment to assign the return values of the function to separate variables.

For Example,

function getValues() {
    return [1, 2, 3];
}
let [a, b, c] = getValues();
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

4) Using the Rest operator

Is the opposite of the spread operator, It will take multiple arguments and package them into an array.

For Example,

function getValues(...args) {
    return args;
}
console.log(getValues(1, 2, 3)); // [1, 2, 3]

It's important to note that the best approach will depend on the specific use case and the kind of values you are returning.

For example, if the returned values are related to each other in some way it might be more appropriate to use an object, but if they are completely unrelated, then an array might be a better choice.