Is it possible to map an array of objects with custom keys?

Question

Is it possible to map an array of objects with custom keys? Here's the outcome that I would like to have:

{ 4: Hotel, 3: Mall, 2: Resort, 1: Restaurant, 5: Staycation, 6: Store }

What I got:

[ "4: Hotel", "3: Mall", "2: Resort", "1: Restaurant", "5: Staycation", "6: Store" ]

The code:

// this data actually comes from a database

const categories = [
  { id: 4, name: "Hotel" },
  { id: 3, name: "Mall" },
  { id: 2, name: "Resort" },
  { id: 1, name: "Restaurant" },
  { id: 5, name: "Staycation" },
  { id: 6, name: "Store" },
];


console.log(
  categories.map((category) => {
    return category.id + ": " + category.name;
  })
)

Answer 1

Use reduce instead of map to keep the output to a single object instead of an array.

const categories = [
  { id: 4, name: "Hotel" },
  { id: 3, name: "Mall" },
  { id: 2, name: "Resort" },
  { id: 1, name: "Restaurant" },
  { id: 5, name: "Staycation" },
  { id: 6, name: "Store" },
];
// this data actually comes from a database

const c = categories.reduce((acc, category) => {
  acc[category.id] = category.name;
  return acc;
}, {});

console.log(c);