snippet for creating object from destructured array

Question

For example, I had an array with 3 numbers:

var arr = [124, -50, 24];

and I need to convert this array to the object:

{
   x: 124,
   y: -50,
   z: 24
}

I don`t want to use "old-style" syntax for this, for example:

{
  x: arr[0],
  y: arr[1],
  z: arr[2]
}

so for now, I`m using that syntax:

const [x, y, z] = [...arr];
const obj = {x, y, z};

But, is there is any way to do this with a straight dectructuring array to object without need of temporary variables?

off the top of my head var obj = (([x,y,z]) => ({x,y,z}))(arr); — Jaromanda X
– Jaromanda X, Commented Sep 26, 2017 at 12:35
I think this is similar: stackoverflow.com/questions/38242744/… — llama
– llama, Commented Sep 26, 2017 at 12:39
It remains only to understand what is going on there @VladPovalii it's an IIFE of the arrow function ([x,y,z]) => ({x,y,z}). But imo you should store this function const arr2point = ([x,y,z]) => ({x,y,z}); and use that const obj = arr2point(arr) instead of using the IIFE inline. — Thomas
– Thomas, Commented Sep 26, 2017 at 12:51

Vlad Povalii · Accepted Answer · 2019-05-28 11:17:58Z

1

As it was already mentioned in the comment you can use an Immediately Invoked Function Expression (IIFE) to create the object in a single step, but it's less readable then multiple steps.

const arr = [124, -50, 24];
const obj = (([x, y, z]) => ({ x, y, z }))(arr);

console.log(obj);

edited May 28, 2019 at 11:17

Vlad Povalii

1,64017 silver badges25 bronze badges

answered May 27, 2019 at 4:46

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

2 Comments

Ori Drori Over a year ago

lol. I've changed the sorting order by mistake, and this question popped. I've answered it like it was new (not really looked at the comments), and totally forgot about it.

Vlad Povalii Over a year ago

:) Anyway its ok..finally this question will have the right answer, so thanks!

Bergi · Accepted Answer · 2017-09-26 12:37:23Z

1

You can also do

const obj = {};
([obj.x, obj.y, obj.z] = arr);

to avoid the temporary variables, but I'd question whether that's an improvement.

answered Sep 26, 2017 at 12:37

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Comments

Abdur Rahaman · Accepted Answer · 2019-05-27 05:02:27Z

1

Just use this

let obj = {...arr}

answered May 27, 2019 at 5:02

Abdur Rahaman

3073 silver badges13 bronze badges

1 Comment

Vlad Povalii Over a year ago

Not quite right, because you want to control the object keys naming ("x", "y", "z") - but after this keys will be: "0", "1", "2"

Collectives™ on Stack Overflow

snippet for creating object from destructured array

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related