transform array to dynamic object

Question

I would like to transform the following array which is dynamic to an dynamic object

e.g.

let

array=[{"MyFirstValue":"1"},{MySecondvalue:"2"}]

I would like to convert it ti an dynamic object

like

let newobject={MyFirstValue:"1",MySecondvalue:"2" }

The dynamic object here is that depending upon the numbers of values in the array the newobject should be able to transform e.g.

if the array value changes =

array=[{"MyFirstValue":"1"},{MySecondvalue:"2"},{MyThirdValue:"2"}]

The newobject should transform to

newobject={MyFirstValue:"1",MySecondvalue:"2",MyThirdValue:"2" }

I tried using array.map and pushing the value but could not set the key property

It is like reducing the reducing the array to an object. I am not sure if i can use reduce.

You need different keys or call like let newobject={"1","2" } — MD. Jubair Mizan
– MD. Jubair Mizan, Commented Jan 29, 2019 at 13:17
what's wrong with this [{"key":"1"},{key:"2"}] object? — MakeLoveNotWar
– MakeLoveNotWar, Commented Jan 29, 2019 at 13:18
this is impossible unless you have different keys. using key for two entries in a map is a collision — xandermonkey
– xandermonkey, Commented Jan 29, 2019 at 13:19

Nick · Accepted Answer · 2019-01-29 14:30:34Z

7

You can accomplish this using Object.assign assuming your keys are unique.

const array = [{"key1":"1"}, {"key2":"2"}];

const newObject = Object.assign({}, ...array);

console.log(newObject);

edited Jan 29, 2019 at 14:30

answered Jan 29, 2019 at 13:21

Nick

16.7k3 gold badges21 silver badges38 bronze badges

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

2 Comments

user1339913 Over a year ago

I am using typescript and get this error Property 'assign' does not exist on type 'ObjectConstructor'.

Nick Over a year ago

There is some discussion about how to handle this issue here: stackoverflow.com/questions/35959372/…

Cory Kleiser · Accepted Answer · 2019-01-29 13:54:50Z

1

You need to have unique keys in your object. Also, you should not expect all your objects to have 100% unique keys. Instead of having {key: 1, key: 2}, why not have the property key be an array of values; {key: [1, 2]}. I would use Array.prototype.reduce to achieve this.

const array = [{"key":"1", other: 'FOO'},{key:"2", dynamic: 'BAR', other: 'BAZ'}]

const object = array.reduce((initial, value) => {
  Object.keys(value).forEach((key) => {
    if(initial[key]) initial[key].push(value[key])
    else initial[key] = [value[key]]
  })
  return initial;
}, {})

console.log(object)

edited Jan 29, 2019 at 13:54

answered Jan 29, 2019 at 13:25

Cory Kleiser

2,0332 gold badges16 silver badges27 bronze badges

1 Comment

Kamil Kiełczewski Over a year ago

plus 1 for Spanish lesson :)

Kamil Kiełczewski · Accepted Answer · 2019-01-29 13:22:30Z

0

try

let newobject= array.reduce((x,y)=> ({...x,...y}), {});

let array=[{"MyFirstValue":"1"},{MySecondvalue:"2"}]

let newobject= array.reduce((x,y)=> ({...x,...y}), {});

console.log(newobject);

answered Jan 29, 2019 at 13:22

Kamil Kiełczewski

93.8k34 gold badges401 silver badges375 bronze badges

3 Comments

Cory Kleiser Over a year ago

This way will introduce bugs if either of your objects have the same key (the second object's value will override the first's). Is it a good idea to make the assumption that both objects have completely unique keys?

Kamil Kiełczewski Over a year ago

@CoryKleiser Uno: OP in first question version use two same keys, but he correct this and made unique keys. Secundo: OP doesn't describe what kind of result he expect in case when keys are not unique (e.g. may be if he will interested on that case then he want to get last value of non unique key in array... ) so this means that non-unique keys case is out of the scope of OP question.

Cory Kleiser Over a year ago

Ok, that makes sense; still, I doubt OP wants to trivially throw away values based on the order of objects in the array. Spanish 101 lesson: first in Spanish is primero :)

Melchia · Accepted Answer · 2019-01-29 13:53:02Z

0

Using ES5:

var input = [{"MyFirstValue":"1"},{MySecondvalue:"2"},{MyThirdValue:"2"}];

var output = Object.assign.apply({}, input);

console.log(output);

answered Jan 29, 2019 at 13:53

Melchia

24.6k23 gold badges110 silver badges130 bronze badges

Collectives™ on Stack Overflow

transform array to dynamic object

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related