如何合并对象数组和另一个对象数组

Question

我有两个数组，数组 2 将是合并数组 1 。 我正在使用 concat，但找不到任何解决方案。

这是数组 1 ：

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

                {
                    label: "Update OA deal",
                },

                {
                    label: "OA deals",

                },

            ]
        }]

这是对象的数组 2：

let array2 =    [

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

我想将 array2 内容属性与数组 1 内容相匹配。 我的输出将是这种格式

  [{
        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",
                },

        ]
    }]

我正在使用 concat javascript 方法，但找不到完美的解决方案。

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

Answer 1

似乎array1[0].content = array1[0].content.concat(array2[0].content)应该工作

但对于 ES6 你也可以这样做

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

如果数组 1 和数组 2 中有多个项目，您也可以这样做（只要它们的长度匹配）

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

ES6版本：

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