How to store a function into a variable in JS

Question

I have the same function repeating over and over again. I'd like to combine it into one so that I can call it without having to write long code.

totalV
    .filter((nan) => nan)
    .reduce((a, b) => a + b, 0)
    .toFixed(2)

Basically, I want to save it into a const or something.. and then call it whenever needed I tried to do something like this:

const Vol =
    .filter((nan) => nan)
    .reduce((a, b) => a + b, 0)
    .toFixed(2)

But unfortunately I wasn't able to do so, because it's asking for "expression" or array to do this funciton on ( something before EXPRESSION.filter.reduce )

EDIT: MORE INFO

{
              totalV.filter((nan) => nan)
              .reduce((a, b) => a + b, 0)
              .toFixed(2) == 0.0
              ? 0
              : 
                  totalV.filter((nan) => nan)
                  .reduce((a, b) => a + b, 0)
                  .toFixed(2)}

So I have this conditional render that I'm writing in a few spots.. however totalV can change, but the rest of the code is the same.. so I thought to store the code that keeps repeating into a variable or something like

const repeatableCode = 
.filter((nan) => nan)
.reduce((a, b) => a + b, 0)
.toFixed(2)

but it refuses to work without an array/object being provided ahead of time

Can you give more context around how you invoke this logic, and what the value of totalV is/could be. It seems you could just extract the logic to a function and call that when needed. — Rory McCrossan
– Rory McCrossan, Commented Nov 9, 2022 at 11:38
const doSomething = array => array.filter().reduce().toFixed(); — ssc-hrep3
– ssc-hrep3, Commented Nov 9, 2022 at 11:40
Vol = totalV => totalV.filter((nan) => nan).reduce((a, b) => a + b, 0).toFixed(2) or even older style with function(totalV) { return totalV.filter/*... */ } Just make a regular function that takes a regular parameter and use it regularly. No need to try and find some weird way of preserving the method chain to append elsewhere — VLAZ
– VLAZ, Commented Nov 9, 2022 at 11:41
With the more info: why not just store the result of that expression in a variable? result = totalV.filter/*... */ ; result ? 0 : result Or you could even just use a fallback with totalV.filter/*... */ ?? 0 or totalV.filter/*... */ || 0 (depending on what you need When should I use ?? (nullish coalescing) vs || (logical OR)?) — VLAZ
– VLAZ, Commented Nov 9, 2022 at 11:45

user20386762 · Accepted Answer · 2022-11-09 11:45:14Z

0

Why just not

const complexArrayFunc = (array) => {
  if (!array) return []
  return array.filter((nan) => nan)
    .reduce((a, b) => a + b, 0)
    .toFixed(2)

answered Nov 9, 2022 at 11:45

user20386762

1678 bronze badges

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

Comments

Usitha Indeewara · Accepted Answer · 2022-11-09 11:51:10Z

0

You can use lambdas (anonymous functions / arrow function expressions):

for example:

const repeatableCode = (totalV) => {
    return totalV
        .filter((nan) => nan)
        .reduce((a, b) => a + b, 0)
        .toFixed(2)
}

Learn more about it: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

edited Nov 9, 2022 at 11:51

answered Nov 9, 2022 at 11:47

Usitha Indeewara

1,0134 gold badges15 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to store a function into a variable in JS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related