Breaking News: Grepper is joining You.com. Read the official announcement!

How to join two arrays of objects into one with JavaScript

Add Answer

Goblin _ answered on July 22, 2021 Popularity 9/10 Helpfulness 3/10

answer How to join two arrays of objects into one with JavaScript

related Merge two array of Object in JavaScript

related Merge array of objects into one object

related merge array of objects javascript

related how to merge two object arrays in javascript

related concat array of objects javascript

related join array of objects javascript

How to join two arrays of objects into one with JavaScript

Comment

const a = [{id: 1}, {id: 2}];
const b = [{id: 3}, {id: 4}];
// expected result: [{id: 1}, {id: 2}, {id: 3}, {id: 4}]
const result = a.concat(b);
console.log(result);
// outputs: [{id: 1}, {id: 2}, {id: 3}, {id: 4}]

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: iaforek.medium.com

Tags: arrays javascript join

Link to this answer
Share Copy Link

Contributed on Nov 11 2022

Goblin _

0 Answers Avg Quality 2/10

Closely Related Answers

Merge two array of Object in JavaScript

Comment

var arr1 = [{name: "lang", value: "English"},{name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);  // final merged result will be in arr1


/*
[{"name":"lang","value":"English"},
{"name":"age","value":"18"},
{"name":"childs","value":"5"},
{"name":"lang","value":"German"}]
*/

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 11 2022

Goblin _

0 Answers Avg Quality 2/10

Merge array of objects into one object

Comment

const arrObj = [{a: 1, b: 2}, {c: 3, d: 4}, {e: 5, f: 6}];

console.log(arrObj.reduce(function(result, current) {
  return Object.assign(result, current);
}, {}));

// If you prefer arrow functions, you can make it a one-liner ;-)
console.log(arrObj.reduce(((r, c) => Object.assign(r, c)), {}));

// Thanks Spen from the comments. You can use the spread operator with assign
console.log(Object.assign({}, ...arrObj));
 Run code snippet

Popularity 9/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: merge merg

Link to this answer
Share Copy Link

Contributed on Nov 11 2022

Goblin _

0 Answers Avg Quality 2/10

merge array of objects javascript

Comment

Object.keys(arrayObject).map(key=>arrayObject[key]).reduce((old,item)=>(
          {...old,...item}
),{})

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 22 2021

Agreeable Angelfish

0 Answers Avg Quality 2/10

how to merge two object arrays in javascript

Comment

var objArr1 = [{id: "1", fruit: "apple"},{id: "2", fruit: "banana"}];
var objArr2 = [{id : "3", fruit: 'mango'}, {id: "4", fruit: "pear"}];

Array.prototype.push.apply(ObjArr1,ObjArr2); 

console.log(ObjArr1);  // final merged result will be in ObjArr1
// ObjArr1 => [{id: "1", fruit: "apple"},{id: "2", fruit: "banana"},{id : "3", fruit: 'mango'}, {id: "4", fruit: "pear"}]

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: arrays ar

Link to this answer
Share Copy Link

Contributed on Jul 29 2022

Cautious Chinchilla

0 Answers Avg Quality 2/10

concat array of objects javascript

Comment

const arr1 = [
    { name: "lang", value: "English" },
    { name: "age", value: "18" }
]
const arr2 = [
    { name: "childs", value: '2' }, 
    { name: "lang", value: "German" }
]
const arr3 = [
    { name: "lang", value: "German" },
    { name: "age", value: "28" },
    { name: "childs", value: '5' }
]

// Convert to key value dictionary or object
const convertToKeyValueDict = arrayObj => {
    const val = {}
    arrayObj.forEach(ob => {
        val[ob.name] = ob.value
    })
    return val
}

// update or merge array
const updateOrMerge = (a1, a2) => {
    const ob1 = convertToKeyValueDict(a1)
    const ob2 = convertToKeyValueDict(a2)
    // Note: Spread operator with objects used here
    const merged_obj = {...ob1, ...ob2}
    const val = Object.entries(merged_obj)
    return val.map(obj => ({ name: obj[0], value: obj[1] }))
}

const v1 = updateOrMerge(arr1, arr2)
const v2 = updateOrMerge(v1, arr3)
console.log(`Merged array1 and array2: ${JSON.stringify(v1)} \n\n`)
console.log(`Merged above response and array3: ${JSON.stringify(v2)} \n\n`)

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: concat co

Link to this answer
Share Copy Link

Contributed on Nov 04 2022

Goblin _

0 Answers Avg Quality 2/10

join array of objects javascript

Comment

-1

Object.values(objectsLIst).reduce((old,item)=>(
    {...old,...item}
),{})

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 11 2022

Yair Eshel Cahansky

0 Answers Avg Quality 2/10

How to join two arrays of objects into one with JavaScript

Contents

More Related Answers

How to join two arrays of objects into one with JavaScript

Closely Related Answers

Merge two array of Object in JavaScript

Merge array of objects into one object

merge array of objects javascript

how to merge two object arrays in javascript

concat array of objects javascript

join array of objects javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.