6

I have an array of objects like so:

const content = [
    {
        title: 'Morning run',
        id: 'id1',
        desc: 'Meet at the park',
        date: '2018-01-14T09:00:00.000Z',
        location: 'Central park',
        createdBy: '23432432',
    },
    {
        title: 'Evening run',
        id: 'id2',
        desc: 'Meet by the station',
        date: '2018-01-14T18:00:00.000Z',
        location: 'Central station',
        createdBy: '23432432',
    },
];

How can I create an associative array like so?:

const output = {'id1' : 'Morning run', 'id2' : 'Evening run'}

Can this be done with a map function?

1
  • 3
    First a small remark, an associative array doesn't really exist in JavaScript, the output notation that you suggest actually is an object.
    – rolfv1
    Jan 13, 2018 at 9:47

5 Answers 5

13

Since you need just one object in the result, you could use array#reduce like this:

const content = [{
    title: 'Morning run',
    id: 'id1',
    desc: 'Meet at the park',
    date: '2018-01-14T09:00:00.000Z',
    location: 'Central park',
    createdBy: '23432432',
  },
  {
    title: 'Evening run',
    id: 'id2',
    desc: 'Meet by the station',
    date: '2018-01-14T18:00:00.000Z',
    location: 'Central station',
    createdBy: '23432432',
  },
];

var result = content.reduce(function(accum, currentVal) {
  accum[currentVal.id] = currentVal.title;
  return accum;
}, {});

console.log(result);

7

Use array#map with Object#assign to create an object with id and title.

const content = [{ title: 'Morning run', id: 'id1', desc: 'Meet at the park', date: '2018-01-14T09:00:00.000Z', location: 'Central park', createdBy: '23432432', }, { title: 'Evening run', id: 'id2', desc: 'Meet by the station', date: '2018-01-14T18:00:00.000Z',location: 'Central station', createdBy: '23432432', }, ],
      result = Object.assign(...content.map(({id, title}) => ({[id]: title})));

console.log(result);

One can also use Object.fromEntries() with array#map to create the object.

Object.fromEntries(content.map(({id, title}) => ([id, title])))

const content = [{ title: 'Morning run', id: 'id1', desc: 'Meet at the park', date: '2018-01-14T09:00:00.000Z', location: 'Central park', createdBy: '23432432', }, { title: 'Evening run', id: 'id2', desc: 'Meet by the station', date: '2018-01-14T18:00:00.000Z',location: 'Central station', createdBy: '23432432', }, ],
      result = Object.fromEntries(content.map(({id, title}) => ([id, title])));

console.log(result);

5

Use Array.reduce function like this

let out = content.reduce(function(a,b){
   a[b.id] = b.title
   return a;
},{})
2
const map = {};
for(const {id, title} of content)
   map[id] = title;

Just iterate over your content and add every entry to the map.

0

    let initVal = {};
    let content = [
    {
        title: 'Morning run',
        id: 'id1',
        desc: 'Meet at the park',
        date: '2018-01-14T09:00:00.000Z',
        location: 'Central park',
        createdBy: '23432432',
    },
    {
        title: 'Evening run',
        id: 'id2',
        desc: 'Meet by the station',
        date: '2018-01-14T18:00:00.000Z',
        location: 'Central station',
        createdBy: '23432432',
    },
];

    content = content.reduce(function(myObj,next) { 
        myObj[next.id] = next.title;
        return myObj; 
     }, initVal );

console.log(content);

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.