将数组映射到对象，使用数组值作为键

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)

Answer 1

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

Answer 2

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]
    });

Answer 3

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;
}, {});