合并分组的 2 个对象数组并在 JavaScript 上排除重复项

Question

我有 2 个具有父数组和子数组的分组数组，我想合并这两个具有相同父数组的数组，但我仅复制具有唯一顺序的子数组，我在互联网上搜索了许多文章，但尚未找到解决方案。请帮我。这是我的代码var groupOrder = [  {    group_time_str: "25 Apr 2019",    orders: [      {        vertical_id: "1",        vertical_category: "A"      },      {        vertical_id: "2",        vertical_category: "B"      }    ]  },  {    group_time_str: "26 Apr 2019",    orders: [      {        vertical_id: "1",        vertical_category: "A"      },      {        vertical_id: "2",        vertical_category: "B"      },      {        vertical_id: "3",        vertical_category: "C"      }    ]  }];var groupOrder2 = [  {    group_time_str: "26 Apr 2019",    orders: [      {        vertical_id: "3",        vertical_category: "C"      },      {        vertical_id: "4",        vertical_category: "D"      }    ]  },  {    group_time_str: "27 Apr 2019",    orders: [      {        vertical_id: "1",        vertical_category: "A"      },      {        vertical_id: "2",        vertical_category: "B"      }    ]  }];const combine = [...groupOrder, ...groupOrder2];const groupBy = combine.reduce((acc, cur) => {  acc[cur.group_time_str]    ? (acc[cur.group_time_str].orders = [        ...acc[cur.group_time_str].orders,        ...cur.orders      ])    : (acc[cur.group_time_str] = cur);  return acc;}, {});console.log(groupBy);body {  font-family: sans-serif;}<h1>Grouped Order</h1>您会看到2019 年 4 月 26 日组中有重复的{   vertical_id: "3",   vertical_category: "C"},我怎样才能删除重复的？请帮助我，谢谢

Answer 1

尝试减少第一个数组以仅获取不匹配的项目，而不是在开头合并数组：

const groupOrder = [{group_time_str: "25 Apr 2019",orders: [{vertical_id: "1",vertical_category: "A"},{vertical_id: "2",vertical_category: "B"}]},{group_time_str: "26 Apr 2019",orders: [{vertical_id: "1",vertical_category: "A"},{vertical_id: "2",vertical_category: "B"},{vertical_id: "3",vertical_category: "C"}]}];

const groupOrder2 = [{group_time_str: "26 Apr 2019",orders: [{vertical_id: "3",vertical_category: "C"},{vertical_id: "4",vertical_category: "D"}]},{group_time_str: "27 Apr 2019", orders: [{vertical_id: "1",vertical_category: "A"},{vertical_id: "2",vertical_category: "B"}]}];

const result = groupOrder.reduce((arr, g1) => {

  const g2match = groupOrder2.find(

    g2 => g2.group_time_str === g1.group_time_str

  );

  if (g2match) {

    const orders = g1.orders.filter(

      g1o =>

        !g2match.orders.find(

          m =>

            g1o.vertical_id === m.vertical_id &&

            g1o.vertical_category === m.vertical_category

        )

    );

    g2match.orders = [...g2match.orders, ...orders];

    return arr;

  }

  return [...arr, { ...g1 }];

}, []);

console.log([...result, ...groupOrder2]);

Answer 2

您可以执行以下操作，过滤掉 cur.orders 以删除重复项，

var groupOrder = [

  {

    group_time_str: "25 Apr 2019",

    orders: [

      {

        vertical_id: "1",

        vertical_category: "A"

      },

      {

        vertical_id: "2",

        vertical_category: "B"

      }

    ]

  },

  {

    group_time_str: "26 Apr 2019",

    orders: [

      {

        vertical_id: "1",

        vertical_category: "A"

      },

      {

        vertical_id: "2",

        vertical_category: "B"

      },

      {

        vertical_id: "3",

        vertical_category: "C"

      }

    ]

  }

];

var groupOrder2 = [

  {

    group_time_str: "26 Apr 2019",

    orders: [

      {

        vertical_id: "3",

        vertical_category: "C"

      },

      {

        vertical_id: "4",

        vertical_category: "D"

      }

    ]

  },

  {

    group_time_str: "27 Apr 2019",

    orders: [

      {

        vertical_id: "1",

        vertical_category: "A"

      },

      {

        vertical_id: "2",

        vertical_category: "B"

      }

    ]

  }

];

const combine = [...groupOrder, ...groupOrder2];

const groupBy = combine.reduce((acc, cur) => {

  acc[cur.group_time_str]

    ? (acc[cur.group_time_str].orders = [

        ...acc[cur.group_time_str].orders,

        ...cur.orders.filter(item => acc[cur.group_time_str].orders.findIndex(accOrder => item['vertical_id'] === accOrder['vertical_id'] && item['vertical_category'] === accOrder['vertical_category']) <= -1)

      ])

    : (acc[cur.group_time_str] = cur);

  return acc;

}, {});

console.log(groupBy);

body {

  font-family: sans-serif;

}

<h1>Grouped Order</h1>