Return array and function that returns another array together JS

Question

I'm currently trying to return an array with some values and a function that returns another array as well. How do I do it that my returns is basically 2 arrays instead of 1 array and 1 function

Example

const array1 = [a, b, c]

const function = () => {
  if(something) {
    somevalues.map(e => {
      return ( 
        <div>{e}<div>
     )
   })
  } else {
    othervalues.map(f => {
      return ( 
        <div>{f}<div>
     )
   })
  }
} 

return [...array1, function] ??

function in the example obviously returns function instead of its own return, how do I fix that?

I'm confused. You say you are trying to return an array and a function and then you are saying you want to return two arrays instead of an array and a function? What is it now? "function in the example obviously returns function instead of its own return, how do I fix that?" Call the function? — Felix Kling
– Felix Kling, Commented Mar 2, 2022 at 12:11
Rename function into something like func and in returned array use func() instead of func — EzioMercer
– EzioMercer, Commented Mar 2, 2022 at 12:13
@FelixKling I'm trying to return only values of the function so I end up in the result with array of variables from array1 and variables that the function return — Fill
– Fill, Commented Mar 2, 2022 at 12:13

Felix Kling · Accepted Answer · 2022-03-02 12:24:37Z

1

You need to

actually return something from your function. If you don't return the return values of somevalues.map(...) and othervalues.map(...) then your function will return undefined.
call the function to get its return value
spread the return value into the result array, just like you do with the static array.

Example:

const array1 = [a, b, c]

const outerFunction = () => {

  const innerFunction = () => {
    if(something) {
      return somevalues.map(e => (<div>{e}<div>));
//    ^^^^^^
    } else {
      return othervalues.map(f => (<div>{f}<div>));
//    ^^^^^^
    }
  } 

  return [...array1, ...innerFunction()];
//                   ^^^             ^^
}

answered Mar 2, 2022 at 12:24

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

EzioMercer · Accepted Answer · 2022-03-02 12:20:52Z

0

const array1 = ['a', 'b', 'c'];
const something = true;

const func = () => {
  if(something) {
    return 'e';
  } else {
    return 'f';
  }
};

console.log([...array1, func()]); //[ "a", "b", "c", "e" ]

answered Mar 2, 2022 at 12:20

EzioMercer

2,1492 gold badges11 silver badges30 bronze badges

Collectives™ on Stack Overflow

Return array and function that returns another array together JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related