Javascript - Destructure an array into an object

Question

Is there a better way to turn a destructured array into an object in Javascript?

I'm using the axios API library, and when I perform multiple queries at once I get back an array with 4-5 API responses. I then want to wrap those into an object and pass to another function. Maybe there's a one-liner? Not that this is really a big deal, but I have a bunch of these throughout my application.

const [foo, bar, baz] = [1, 2, 3]
const obj = { foo, bar, baz }
console.log(obj)
=> {foo: 1, bar: 2, baz: 3}

Are you looking for it without libraries? With Lodash you can do _.zipObject(['foo', 'bar', 'baz'], [1, 2, 3]) — loganfsmyth
– loganfsmyth, Commented Jan 26, 2017 at 1:01
Not necessarily without libraries. Was thinking there'd be a native JS way, but that's still pretty cool, thanks! — inostia
– inostia, Commented Jan 26, 2017 at 1:04
awesome that worked. thanks again @loganfsmyth. If anyone knows of a native JS version i'd be curious to see it — inostia
– inostia, Commented Jan 26, 2017 at 1:10
According here: you can configure your request to specify a responseType (see Request Config). You could use json as the responseType. Then in your js code, use JSON.parse so that the response is transformed into an object. — Jeanger
– Jeanger, Commented Jan 26, 2017 at 1:43
If you want to golf this into a one-liner, use console.log(( ([foo, bar, baz]) => ({ foo, bar, baz }) )([1, 2, 3])) — Bergi
– Bergi, Commented Mar 19, 2022 at 0:44

Siva Kondapi Venkata · Accepted Answer · 2022-01-01 03:55:41Z

2

Util method toObj using Object.assign and map

const toObj = (arr, keys) =>
  Object.assign({}, ...keys.map((key, i) => ({ [key]: arr[i] })));  
  
const arr = [1, 2, 3]
const keys = ['foo', 'bar', 'baz'];

console.log(toObj(arr, keys));

answered Jan 1, 2022 at 3:55

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

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

Comments

loganfsmyth · Accepted Answer · 2017-01-26 23:35:36Z

0

There isn't really a shorter vanilla-only way than manually declaring the object and props. Lodash has a zipObject method that would do it though, e.g.

_.zipObject(['foo', 'bar', 'baz'], [1, 2, 3])

edited Jan 26, 2017 at 23:35

answered Jan 26, 2017 at 1:25

loganfsmyth

162k31 gold badges349 silver badges259 bronze badges

Comments

castletheperson · Accepted Answer · 2017-01-27 02:16:11Z

0

There's nothing built-in to JavaScript that does exactly what you want, but making a function that does it would be trivial. Here's one based on _.zipObject from Lodash:

function zipObject(props, values) {
  return props.reduce((object, prop, index) => {
    object[prop] = values[index];
    return object;
  }, {});
}

console.log(zipObject(['foo', 'bar', 'baz'], [1, 2, 3]));

As a golfed one-liner:

const zipObject = (ps, vs) => ps.reduce((o,p,i)=>(o[p]=vs[i],o),{});

edited Jan 27, 2017 at 2:16

answered Jan 26, 2017 at 22:20

castletheperson

33.6k11 gold badges74 silver badges111 bronze badges

Collectives™ on Stack Overflow

Javascript - Destructure an array into an object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related