How to map object values from one key of the same object for object keys with same values of the same object?

Question

Using TypeScript

Below is an array of objects & I want to map this in to a new object as provided below. (see the expected result)

// input array
const getPostAPI = 
[
  {
    get: '1234',
    post: 'abcd',
  },
  {
    get: '3423',
    post: 'dfcv',
  },
  {
    get: '1234',
    post: 'iucv',
  },
  {
    get: '1234',
    post: 'oipl',
  },
  {
    get: '3423',
    post: 'ffgf',
  },
  {
    get: '4567',
    post: 'tyui',
  },
  ]

from the above array of objects I want to map the post values as an array for repeating get values. Below I've provided the exptected result.

// output object
const exptectedResult = {
  '1234': ['abcd',
    'iucv',
    'oipl',
    '1234',],
  '3423': ['dfcv',
    'ffgf'],
  '4567': ['tyui']
  }

Following is what I've tried. But it is overwriting some of the values. ie, I'm not getting the exact number of elements in the array of corresponding get key. (it is one less than actual)

this.getPostMap = this.getPostAPI.reduce(
  (map, api) => ({
    ...map,
    [api.get]: map[api.get]
      ? [...map[api.get], api.post]
      : [] || [],
  }),
  {}
);

Answer 1

This simple piece of code will work very smoothly.

getPostAPI.reduce((acc, el)=>{
    (acc[el.get] = acc[el.get] || []).push(el.post)
    return acc
}, {})

Answer 2

That is quite a terrifying and unreadable block of code to do something that can be very simple. For example:

 const getPostAPI = [{ get: '1234', post: 'abcd', }, { get: '3423', post: 'dfcv', }, { get: '1234', post: 'iucv', }, { get: '1234', post: 'oipl', }, { get: '3423', post: 'ffgf', }, { get: '4567', post: 'tyui', }, ]; const expectedResult = getPostAPI.reduce((map, {get,post}) => (map[get] = map[get] || []).push(post) && map, {}); console.log(expectedResult);

Answer 3

Your Problem is that when the get property is undefined, you actually want to fulfill it with the first post instead of an empty object:

this.getPostMap = this.getPostAPI.reduce(
  (map, api) => ({
    ...map,
    [api.get]: map[api.get]
      ? [...map[api.get], api.post]
      : [api.post],
  }),
  {}
);