Concatenate 2 arrays with object in javascript / jquery

Question

I have the following array

var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}]

And i am trying to add the following array into it

var y = [{"id":"75769d11","title":"newtitle"}]

What i am trying to do is to merge somehow the 2 arrays into 1. The final array should be

[{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18},{"id":"75769d11","title":"newtitle"}]

Have tried

$.merge(x,y) 
// x.join(y) 
// x.push(y)

javascript

x.concat(y)

Any idea would be useful. Regards

These arrays are strings , so i think that is why i can't concat them or push, as it seems it gives error. Think i need to transform from string into array ? — Mike X
– Mike X, Commented Dec 17, 2018 at 14:08

Jai · Accepted Answer · 2018-12-17 14:08:38Z

3

Well, Array.concat() method returns a new merged array. So, you have to store it in a variable to log it:

var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}]

var y = [{"id":"75769d11","title":"newtitle"}]

var merged = x.concat(y);

console.log(merged);

answered Dec 17, 2018 at 14:08

Jai

74.8k12 gold badges76 silver badges104 bronze badges

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

Comments

Sushil · Accepted Answer · 2020-04-15 06:59:23Z

3

using jQuery

 var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}]
 var y = [{"id":"75769d11","title":"newtitle"}];
 var mergedArray=$.merge(x,y);
 var mergedString=JSON.stringify(mergedArray);
 console.log(mergedString);

edited Apr 15, 2020 at 6:59

answered Dec 17, 2018 at 14:21

Sushil

1,1311 gold badge10 silver badges24 bronze badges

1 Comment

René Baudisch Over a year ago

using jQuery without referencing, assuming everybody uses jQ?

Elish · Accepted Answer · 2018-12-18 06:54:51Z

2

var newArray=x.concat(y) will work.

With ES6, You can also use spread operator .... Spread operator turns the items of an iterable(arrays, array like objects) into arguments of a function call or into elements of an Array. So, to get new merged array you can do

var newArray=[...x, ...y]

If you want to merge the elements of x and y into x, you can still use spread operator as x.push(...y)

answered Dec 18, 2018 at 6:54

Elish

4964 silver badges14 bronze badges

Comments

LISA · Accepted Answer · 2018-12-29 16:29:32Z

1

var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}]

var y = [{"id":"75769d11","title":"newtitle"}]

var merged = x.concat(y);

answered Dec 29, 2018 at 16:29

LISA

213 bronze badges

Comments

eds1999 · Accepted Answer · 2018-12-17 14:06:10Z

0

var mergedArray = [...x, ...y];

answered Dec 17, 2018 at 14:06

eds1999

1,0782 gold badges12 silver badges27 bronze badges

2 Comments

Prasad Telkikar Over a year ago

I will upvote, if you elaborate your answer with helpful links and demo. This would not help OP to understand what is spread syntax

Sushil Over a year ago

please explain your answer

Collectives™ on Stack Overflow

Concatenate 2 arrays with object in javascript / jquery

5 Answers 5

Comments

1 Comment

Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

2 Comments

Related