How to pass object as an argument to a function which requires three arguments?

Question

I have a function, eg.:

function calculateSize(first, second, third) { ... }

and I want to pass to it an object which looks like this:

const values = {
  first: {
    width: 100,
    height: 100
  },
  second: {
    width: 100,
    height: 100
  },
  third: {
    width: 100,
    height: 100
  }
};

How can I do it in a most succinct way?

The safest way is to do `const { first, second, third } = values` and then call `calculateSize(first, second, third)`. — adiga, May 25 '21 at 18:56

score -1 · Answer 1 · answered May 25 '21 at 18:53

-1

Spread the object values into the function call.

calculateSize(...Object.values(values));

answered May 25 '21 at 18:53

CertainPerformance

356,069
52
309
320

1

It's important to note this only works if you don't care about the order of the arguments – Han Seoul-Oh May 25 '21 at 18:53
Sure it does - `Object.values` does have a guaranteed order, given an object, in all but a few pathological cases. Since OP's object's values are defined in the desired order, it'll work. – CertainPerformance May 25 '21 at 18:54
2

Well, we know the object "looks like* that, but there's no guarantee that one property or another hasn't been added or removed at some point. I tend to regard reliance on property ordering to make some architectural detail work to be a pretty risky idea. – Pointy May 25 '21 at 19:03

score -2 · Answer 2 · answered May 25 '21 at 18:54

-2

You could write like this:

function calculateSize({first, second, third}) { ... }

answered May 25 '21 at 18:54

Guru

139
3

How to pass object as an argument to a function which requires three arguments?

2 Answers2