How to merge array of object and another array of objects

Question

I have got two arrays and array 2 will be merge array 1 . I am using concat , but I can not find any solution .

here is array 1 :

     let array1 = [{
            label: "OA deal activities",
            content: [{
                    label: "Create OA deals",
                },

                {
                    label: "Update OA deal",
                },

                {
                    label: "OA deals",

                },

            ]
        }]

Here is array 2 of objects :

let array2 =    [

        {
            label: "OA deal request",
            content: [{
                    label: 'OA Deal request List',
                },
                {
                    label: "View oadeal request",
                },
                {
                    label: "Update OA deal request",
                },
            ]
        }
    ]

I want to marge array2 content properyt with array 1 content. my output would be like this format

  [{
        label: "OA deal activities",
        content: [{
                label: "Create OA deals",
            },

            {
                label: "Update OA deal",
            },

            {
                label: "OA deals",

            },{
                    label: 'OA Deal request List',
                },
                {
                    label: "View oadeal request",
                },
                {
                    label: "Update OA deal request",
                },

        ]
    }]

I am using concat javascript method , but can not find perfect solution.

let data = array1[0].content.concat(array2[0].content) 

Answer 1

seems like array1[0].content = array1[0].content.concat(array2[0].content) should work

but for ES6 you can also do

array1[0].content = [...array1[0].content, ...array2[0].content]

if you have multiple items in array one and array2, you could do this too (as long as their length matches)

array1.forEach(function(a, i){a.content = a.content.concat(array2[i].content)

ES6 version:

array1.forEach((a, i) => {a.content = [...a.content, ...array2[i].content]})

Answer 2

const mergedArray = [...array1[0].content, ...array2[0].content]
array1[0].content = mergedArray

Answer 3

console.log({label: array1[0].label, content : [...array1[0].content, ...array2[1].content]})

 let array1 = [ { label: "OA deal activities", content: [ { label: "Create OA deals" }, { label: "Update OA deal" }, { label: "OA deals" } ] } ]; let array2 = [ { label: "Deposit", content: [{ label: "Deposits" }, { label: "Deposit approval" }] }, { label: "OA deal activities", content: [ { label: "OA Deal request List" }, { label: "View oadeal request" }, { label: "Update OA deal request" } ] } ]; console.log({ label: array1[0].label, content: [...array1[0].content, ...array2[1].content] }); // For complex array of array const flatten = (arr, depth = 1) => arr.reduce( (a, v) => a.concat(depth > 1 && Array.isArray(v) ? flatten(v, depth - 1) : v), [] ); const result2 = { ...array1[0], content: flatten( array1.map(x => x.content).concat(array2.map(x => x.content)) ) }; console.log(JSON.stringify(result2, null, 2));