无法将第二个数组对象值添加到 javascript 中的第一个对象数组中

Question

嗨，我有两个数组，我想合并两个数组，任何人都可以帮忙吗，我有 for 循环推送这些值，但它会创建重复项。

  const firstArray = [
    {
      first: "01",
      data: [{ id: "012345" }, { id: "0123456" }, { id: "0123457" }]
    },
    {
      first: "02",
      data: [{ id: "9998989" }, { id: "1223" }, { id: "345666" }]
    },
    {
      first: "03",
      data: [{ id: "567888" }, { id: "2345" }, { id: "09876" }]
    }
  ];
  const secondArray = [{ data: "abc" }, { data: "efg" }, { data: "hij" }];

我需要这样的结果，任何人都可以，

[
  {
    first: "01",
    data: [
      { id: "012345", data: "abc" },
      { id: "0123456", data: "efg" },
      { id: "0123457", data: "hij" },
    ],
  },
  {
    first: "02",
    data: [
      { id: "9998989", data: "abc" },
      { id: "1223", data: "efg" },
      { id: "345666", data: "hij" },
    ],
  },
  {
    first: "03",
    data: [
      { id: "567888", data: "abc" },
      { id: "2345", data: "efg" },
      { id: "09876", data: "hij" },
    ],
  },
];

Answer 1

您可以使用两个.map()方法，而不是使用嵌套的 for 循环从头开始构建数组。 一个用于将firstArray的外部对象映射到具有新data值的新对象，另一个用于将您的data从secondArray的数据映射到合并版本。 要合并，您可以使用索引从secondArray获取相应的对象，然后使用扩展语法将两个对象合并在一起：

 const firstArray = [ { first: "01", data: [{ id: "012345" }, { id: "0123456" }, { id: "0123457" }] }, { first: "02", data: [{ id: "9998989" }, { id: "1223" }, { id: "345666" }] }, { first: "03", data: [{ id: "567888" }, { id: "2345" }, { id: "09876" }] } ]; const secondArray = [{ data: "abc" }, { data: "efg" }, { data: "hij"}]; const res = firstArray.map(obj => ({ ...obj, data: obj.data.map((inner, i) => ({...inner, ...secondArray[i]})) })); console.log(res);

要修复您当前的实现，您可以创建两个数组，一个在您的 for 循环之外，就像您目前已经在做的那样，然后一个在您的第一个 for 循环中。 内部数组将代表您的新数据数组，然后您可以为当前对象更新它：

 const firstArray = [{ first: "01", data: [{ id: "012345" }, { id: "0123456" }, { id: "0123457" }] }, { first: "02", data: [{ id: "9998989" }, { id: "1223" }, { id: "345666" }] }, { first: "03", data: [{ id: "567888" }, { id: "2345" }, { id: "09876" }] } ]; const secondArray = [{ data: "abc" }, { data: "123" }, { data: "xyz" }]; const emptyArray = []; for (let i = 0; i < firstArray.length; i++) { const data = firstArray[i].data; const dataArray = []; for (let j = 0; j < data.length; j++) { const newObject = { ...data[j], ...secondArray[j] }; dataArray.push(newObject); } emptyArray.push({...firstArray[i], data: dataArray}); } console.log(emptyArray);

Answer 2

假设data数组和第二个数组大小相同。 使用嵌套的map方法调用来构建聚合

 const firstArray = [ { first: "01", data: [{ id: "012345" }, { id: "0123456" }, { id: "0123457" }], }, { first: "02", data: [{ id: "9998989" }, { id: "1223" }, { id: "345666" }], }, { first: "03", data: [{ id: "567888" }, { id: "2345" }, { id: "09876" }], }, ]; const secondArray = [{ data: "abc" }, { data: "efg" }, { data: "hij" }]; const output = firstArray.map(({ first, data }) => ({ first, data: data.map((item, i) => ({ ...item, ...secondArray[i] })), })); console.log(output)

Answer 3

您可以在js中使用map轻松实现结果

 const firstArray = [ { first: "01", data: [{ id: "012345" }, { id: "0123456" }, { id: "0123457" }], }, { first: "02", data: [{ id: "9998989" }, { id: "1223" }, { id: "345666" }], }, { first: "03", data: [{ id: "567888" }, { id: "2345" }, { id: "09876" }], }, ]; const secondArray = [{ data: "abc" }, { data: "efg" }, { data: "hij" }]; const result = firstArray.map((obj) => ({ ...obj, data: obj.data.map((o, i) => ({ ...o, ...secondArray[i] })), })); console.log(result);

Answer 4

根据您想要的结果，您应该执行以下操作：

let emptyArrray = [];
  for (let i = 0; i < firstArray.length; i++) {
    const dataa = firstArray[i].data;
    for (let j = 0; j < dataa.length; j++) {
      
        // console.log(secondArray[i]);
        let newObject = {
          ...secondArray[j],
          ...dataa[j]
        };
        emptyArrray.push(newObject);
      
    }
  } 

在您的代码中，您将获得 3*9 长数组，因为您在不应该使用的嵌套循环中使用了嵌套循环，您只需遍历该数组一次，然后添加数组 2 中的成员，您也使用过

  ...secondArray[i],
  ...dataa[i]

代替

  ...secondArray[j],
  ...dataa[j]

在 for 循环中增加j时