Merge objects with same keys

Question

I have several objects that look like this when i console.log them:

0: { 'school': {}, 'district': {}, 'children': {} } 1: { 'school': {}, 'district': {}, 'children': {} } 2: { 'school': {}, 'district': {}, 'children': {} }

and

0: { 'teacher': {}, 'name': {}, 'class': {} } 1: { 'teacher': {}, 'name': {}, 'class': {} }

I am looking to combine these objects so that they become like:

0: { 'school': {}, 'district': {}, 'children': {} } 1: { 'school': {}, 'district': {}, 'children': {} } 2: { 'school': {}, 'district': {}, 'children': {} } 3: { 'teacher': {}, 'name': {}, 'class': {} } 4: { 'teacher': {}, 'name': {}, 'class': {} }

But when I use something like Object.assign the last object will just overwrite the previous one, is there another method to do this? I basically just want to merge several objects, and ignore their indexes.

they look like arrays, not objects. Array.concat would be used for that — juvian
– juvian, Commented Apr 20, 2018 at 18:08
If you don't care about the keys, just make them an array: const foo = [...Object.values(obj1), ...Object.values(obj2)] — Jared Smith
– Jared Smith, Commented Apr 20, 2018 at 18:09

nazreen · Accepted Answer · 2018-04-21 09:57:37Z

1

It seems like what you have is an array.

You can use the spread operator.

Let's call your two arrays arrayOne and arrayTwo respectively.

The code would be:

const newArray = [...arrayOne, ...arrayTwo];

edited Apr 21, 2018 at 9:57

answered Apr 20, 2018 at 18:09

nazreen

2,1282 gold badges22 silver badges32 bronze badges

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

1 Comment

Jared Smith Over a year ago

One quible, OP gave objects, you need to call Object.values like in my comment above.

Taki · Accepted Answer · 2018-04-20 18:10:09Z

you can use spread operator

const arr1 = [	{ 'school': {}, 'district': {}, 'children': {} },	{ 'school': {}, 'district': {}, 'children': {} },	{ 'school': {}, 'district': {}, 'children': {} } ] const arr2 = [	{ 'teacher': {}, 'name': {}, 'class': {} },	{ 'teacher': {}, 'name': {}, 'class': {} } ] const result = [...arr1, ...arr2] console.log(result)

@JaredSmith 50 seconds late :P , but Object.values is more accurate anyways
lol technically I beat him by 15 seconds, but I just left it in a comment.

Nishant Dixit · Accepted Answer · 2018-04-20 18:13:25Z

var array1 = [{ 'school': {}, 'district': {}, 'children': {} }, { 'school': {}, 'district': {}, 'children': {} }, { 'school': {}, 'district': {}, 'children': {} }]; var array2 = [ { 'teacher': {}, 'name': {}, 'class': {} }, { 'teacher': {}, 'name': {}, 'class': {} }]; while(array2.length>0){ array1.push(array2.shift()); } console.log(array1);

Nina Scholz · Accepted Answer · 2018-04-20 18:15:45Z

You could concat the values of the objects and assign the array to an object.

var obj1 = { 0: { 'school': {}, 'district': {}, 'children': {} }, 1: { 'school': {}, 'district': {}, 'children': {} }, 2: { 'school': {}, 'district': {}, 'children': {} } }, obj2 = { 0: { 'teacher': {}, 'name': {}, 'class': {} }, 1: { 'teacher': {}, 'name': {}, 'class': {} } }; obj3 = Object.assign({}, Object.values(obj1).concat(Object.values(obj2))); console.log(obj3);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Collectives™ on Stack Overflow

Merge objects with same keys

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Related