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

1

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)

answered Apr 20, 2018 at 18:10

Taki

17.7k5 gold badges28 silver badges48 bronze badges

3 Comments

Jared Smith Over a year ago

@nxmohamad beat you to the punch.

Taki Over a year ago

@JaredSmith 50 seconds late :P , but Object.values is more accurate anyways

Jared Smith Over a year ago

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

0

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);

answered Apr 20, 2018 at 18:13

Nishant Dixit

5,5125 gold badges22 silver badges32 bronze badges

Comments

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

0

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; }

answered Apr 20, 2018 at 18:15

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Merge objects with same keys

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related