Map an array to an object, using array values as keys

Question

I have

const menu = ['home', 'news', 'about'];

I want to map it to this:

let menuExt = 
 { 
  home: Common.locs['home'],
  news: Common.locs['news'],
  about: Common.locs['about'] 
 };

How do I do that? I tried

    let menuExt = menu.map(item => {
        return {
          item: Common.locs[item]
        }
    });

but I got an array with "item" as property, but I want one object with properties home, news, about... (there are many more but I shortened it here)

Elletlar · Accepted Answer · 2020-11-21 13:47:19Z

5

menu.map(item => {menuExt[item]=Common.locs[item]});

edited Nov 21, 2020 at 13:47

Elletlar

3,2447 gold badges35 silver badges40 bronze badges

answered Nov 21, 2020 at 13:32

pullidea-dev

1,7981 gold badge9 silver badges24 bronze badges

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

2 Comments

Dalibor Over a year ago

Bravo for the newcomer! The one-liner I was looking for, thanks! It works like a charm.

Elletlar Over a year ago

Thanks Hendry for your helpful answer. But please always add an explanation to answers even if it is only a brief one. How to Answer . Otherwise, it gets popped onto the low quality queue and someone like me has to review it :) Kind Regards.

Dalibor · Accepted Answer · 2020-11-21 13:19:21Z

0

I managed this way, but I don't know if there is a cleaner and faster solution maybe:

    let menuExt = {}
    menu.forEach((item) => {
      menuExt[item] = Common.locs[item]
    });

answered Nov 21, 2020 at 13:19

Dalibor

1,5841 gold badge22 silver badges49 bronze badges

Comments

Matt Morgan · Accepted Answer · 2020-11-21 13:32:51Z

0

The idiomatic way would be to use Array.reduce, because you're taking an array of objects and returning a single object.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

const menu = ['home', 'news', 'about'];

const menuExt = menu.reduce((acc, key) => {
     acc[key] = Common.locs[key];
     return acc;
}, {});

answered Nov 21, 2020 at 13:32

Matt Morgan

5,3334 gold badges23 silver badges34 bronze badges

Collectives™ on Stack Overflow

Map an array to an object, using array values as keys

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related