Converting array of object to en object with key : value dynamic

Question

I have an array of objects which look like this:

stuff = [
    { value: 'elevator', checked: true },
    { value: 'something', checked: false },
    { value: 'else', checked: true },
]

And I am trying to get something like this:

{
    'elevator': true,
    'something: false,
    'else': true,
}

All I can get since yesterday is an array of objects like:

[
    { 'elevator': true },
    { 'something': false },
    { 'else': true }
];

I tried with mapping on array and then using Object.assign but it's not working. I get the previous code.

Welcome to Stack Overflow! Please take the tour and read through the help center, in particular How do I ask a good question? Do your research, search for related topics on SO, and give it a go. If you get stuck and can't get unstuck after doing more research and searching, post a minimal reproducible example of your attempt and say specifically where you're stuck. People will be glad to help. Good luck! — T.J. Crowder
– T.J. Crowder, Commented Feb 19, 2018 at 10:18

gurvinder372 · Accepted Answer · 2018-02-19 10:18:46Z

1

Use reduce

var output  = stuff.reduce( (a,c) => (a[c.value] = c.checked, a) , {} )

Demo

var stuff = [
    { value: 'elevator', checked: true },
    { value: 'something', checked: false },
    { value: 'else', checked: true },
];
var output  = stuff.reduce( (a,c) => (a[c.value] = c.checked, a) , {} )
console.log( output );

Edit

Using object.assign

stuff.reduce( (a,c) => Object.assign( {}, a, { [c.value] : c.checked })  , {} )

answered Feb 19, 2018 at 10:18

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

1 Comment

David V Over a year ago

I'll try with reduce ! At lease, it's very clear working with this solution ! Thank you !

Durga · Accepted Answer · 2018-02-19 10:27:36Z

1

Iterate stuff array, So you will get each object under stuff. Then get that value that you need.

var stuff = [
   { value: 'elevator', checked: true },
   { value: 'something', checked: false },
   { value: 'else', checked: true },
];

var obj = {};
for( var i=0; i<stuff.length; i++) {
  obj[stuff[i]['value']] = stuff[i]['checked'];
}
console.log(obj);

edited Feb 19, 2018 at 10:27

Durga

15.6k2 gold badges31 silver badges55 bronze badges

answered Feb 19, 2018 at 10:22

swaroop pallapothu

5981 gold badge8 silver badges16 bronze badges

Comments

Suren Srapyan · Accepted Answer · 2018-02-19 10:25:17Z

0

You can reduce function to make an single object from the given array. Just add your logic inside it. In this case, value to the property name and checked to it's value.

const stuff = [
    { value: 'elevator', checked: true },
    { value: 'something', checked: false },
    { value: 'else', checked: true },
]

const mapped = stuff.reduce((obj, item) =>  (obj[item.value] = item.checked, obj), {});

console.log(mapped);

edited Feb 19, 2018 at 10:25

answered Feb 19, 2018 at 10:19

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Comments

Faly · Accepted Answer · 2018-02-19 10:26:40Z

0

If you can use ES6, you can do it with Object.assign, array.prototype.map, some destructuring, object litteral dynamic key and spread operator:

var stuff = [
    { value: 'elevator', checked: true },
    { value: 'something', checked: false },
    { value: 'else', checked: true },
];
var result = Object.assign({}, ...stuff.map(({value, checked}) => ({[value]: checked})));
console.log(result);

edited Feb 19, 2018 at 10:26

answered Feb 19, 2018 at 10:23

Faly

13.4k2 gold badges21 silver badges39 bronze badges

1 Comment

David V Over a year ago

Ok thx, It works great, I missed a level I guess and that's why I get the object I didn't want. Thank you mate!

Collectives™ on Stack Overflow

Converting array of object to en object with key : value dynamic

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related