Reducing array of objects to hashmap in JS

Question

Hi I am trying to transform a JSON data type from one format to another:

  [ { name: 'CarNo', attributes: {}, children: [], content: '?' },
       { name: 'AccNo', attributes: {}, children: [], content: '?' },
     { name: 'SCS', attributes: {}, children: [], content: '?' }]

The target object would be based on the name property and the content property:

   {'CarNo': '?', 'AccNo': '?', 'SCS': '?' }

I was thinking I could just reduce this but I am failing:

        const filteredResponseObj = Object.keys(rawResponseBodyObj).reduce((p,c)=>{
          if( c === 'name' ){
            p[c]=rawResponseBodyObj[c].content;
          }
          return p;
        },{});

What am I missing? clearly I have some issues with the reduction...

Community · Accepted Answer · 2017-05-23 11:54:40Z

5

You had the right idea, but here is how to do it:

const filteredResponseObj = rawResponseBodyObj.reduce(function(map, obj) {
    map[obj.name] = obj.content;
    return map;
}, {});

Using Convert object array to hash map, indexed by an attribute value of the Object

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered May 4, 2017 at 10:58

Xavier Delamotte

3,59921 silver badges30 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2017-05-04 11:49:55Z

2

You could use Object.assign with spread syntax ... and Array#map for the object generation.

var array = [{ name: 'CarNo', attributes: {}, children: [], content: '?' }, { name: 'AccNo', attributes: {}, children: [], content: '?' }, { name: 'SCS', attributes: {}, children: [], content: '?' }],
    result = Object.assign(...array.map(o => ({ [o.name]: o.content })));

console.log(result);

answered May 4, 2017 at 11:49

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

RomanPerekhrest · Accepted Answer · 2017-05-04 10:58:42Z

0

With this line c === 'name' you are trying to compare an object from the initial array with string name. Such comparison will always give false

The right way should be as below:

var arr = [ { name: 'CarNo', attributes: {}, children: [], content: '?' },
    { name: 'AccNo', attributes: {}, children: [], content: '?' },
    { name: 'SCS', attributes: {}, children: [], content: '?' }],

    filtered = arr.reduce(function (r, o) {
        if (!r[o.name]) r[o.name] = o['content'];
        return r;
    }, {});

console.log(filtered);

answered May 4, 2017 at 10:58

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Collectives™ on Stack Overflow

Reducing array of objects to hashmap in JS

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related