How to merge two array object element in jquery

Question

input :

var b= [{
    "cat_id": "1",
    "cat_name": "teaching"
  }];

  var a= [  {
    "username": "r",
    "password": "r"
  }];

I want output like this

[{"username":"r","password":"r","cat_id":"1","cat_name":"teaching"}]

add jquery https://code.jquery.com/jquery-1.10.2.js and apply this $.extend( a[0], b[0] ); — Ismail Raju, Apr 12 '17 at 11:03
http://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically — vinox, Apr 12 '17 at 11:03
@RomanPerekhrest This may not work if his array has multiple object as you have hard coded 0 here — madhairsilence, Apr 12 '17 at 11:05
No way to merge directly. You have to iterate the array list and merge it manually — madhairsilence, Apr 12 '17 at 11:05
@madhairsilence, he doesn't mention about multiple objects in array. It'll work for the current input — RomanPerekhrest, Apr 12 '17 at 11:06
What is the use of Array if we dont have multiple objects? He has mentioned it in the question as "Array Objects" — madhairsilence, Apr 12 '17 at 11:09
The question is markedly under-specified. What do you want to happen with multiple objects in each array? What about objects with overlapping property names? The duplicate covers the basic operation, merging objects. — T.J. Crowder, Apr 12 '17 at 11:10

score 2 · Answer 1 · answered Apr 12 '17 at 11:05

2

You can use Object.assign() with spread syntax.

var b = [{"cat_id": "1","cat_name": "teaching"}];
var a = [{"username": "r","password": "r"}];

var result = [Object.assign({}, ...a, ...b)]
console.log(result)

answered Apr 12 '17 at 11:05

Nenad Vracar

111,264
15
131
153

score 1 · Accepted Answer · answered Apr 12 '17 at 11:06

1

Possible solution using Object.assign.

var b = [{"cat_id":"1","cat_name":"teaching"}], a = [{"username":"r","password":"r"}],
    res2 = [Object.assign({}, ...a.concat(b))];
  
    console.log(res2);

answered Apr 12 '17 at 11:06

kind user

34,867
6
60
74

score 0 · Answer 3 · answered Apr 12 '17 at 11:07

0

You can use extend function to merge objects

$.extend( a, b);

answered Apr 12 '17 at 11:07

Anurag Dadheech

599
1
4
14

How to merge two array object element in jquery

3 Answers3