如何在另一个数组中插入一个数组？

Question

我有一个名为“pedidos”的数组，其长度为 x，因为它取决于我们通过 firebase 自动更新的“订单”数量。

每个“订单”都有以下属性：

acudiente: ""
banco: "Global Bank"
data: (12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
email: ""
escuela: "Academia Internacional David"
estadoDeDisponibilidad: "Pendiente"
estadoDePago: "Pendiente"
fecha: "11/22/2021"
grado: "1° Grado"
id: "[AID]PM-345"
identificacion: ""
metodoDePago: "ACH"
nombre: "Brihana Orisiveth De Gracia Concepción "
phone: ""
total: "346.45"
totalPagado: 0
uid: "13eLyFqGGrZ0vTu3llpVxeFCBun2"

现在，每个订单都有一个名为“数据”的属性，它是 x，因为人们可以订购 x 数量的东西，所以 12 不是一个常数。 data 中的每一项都有以下属性：

descripcion: "ACCELIUM - Programa de Tecnología"
disponible: 0
editorial: "Programa"
grado: (6) ['1° Grado', '2° Grado', '3° Grado', '4° Grado', '5° Grado', '6° Grado']
id: "L-25304"
materia: "Tecnologia"
ordenados: 12
precio: "35.00"
tipo: "Programa"

现在我正在尝试创建一个包含每个数据数组的新数组，这意味着如果有 5 个订单，每个订单有 5 个项目，它应该是一个 25 个数组，这是一个非常简单的 for 循环：

for(let x = 0; x < pedidos.length; x++){
      for(let y = 0; y < pedidos[x].data.length; y++){
        pedidosExcel.push(pedidos[x].data[y])
      }
    }

但是我还想要主数组中的一些属性，而不仅仅是名为“数据”的数组中的属性，所以我想知道是否可以相互合并属性。

更新

所以我无法做我想做的事，但我设法通过以下代码接近它，但是如果我这样做，它最终会由于某种原因成为数组中的一个数组。我手动设置了每个属性，因为我想覆盖其中一些属性，因为某些属性具有相同的名称

for(let x = 0; x < pedidos.length; x++){
      for(let y = 0; y < pedidos[x].data.length; y++){
        pedidosExcel.push(pedidos[x].data[y])
        pedidosExcel[y] = [{
          id: pedidos[x].id,
          nombre: pedidos[x].nombre,
          escuela: pedidos[x].escuela,
          grado: pedidos[x].grado,
          fecha: pedidos[x].fecha,
          descripcion: pedidos[x].data[y].descripcion,
          tipo: pedidos[x].data[y].tipo,
          editorial: pedidos[x].data[y].editorial,
          precio: pedidos[x].data[y].precio,
        }]
      }
    }

希望这比我之前的解释更清楚。

Answer 1

问题是您正在生成一个嵌套数组，但您希望它是扁平的。您有两种选择：

选项 1：使用.flatMap()：

这个函数只是.map()和.flat()的组合

const pedidos = [{
  id: '[AID]PM-345',
  nombre: '999999990',
  escuela: 'ABCDEF',
  grado: '1° grado ',
  fecha: '11/22/2021',
  data: [
    {
      descripcion: 'ACCELIUM - Programa',
      tipo: 'Programa',
      editorial: 'Programa',
      precio: '35.00'
    },
    {
      descripcion: 'ACCELIUM - Programa 2',
      tipo: 'Programa 2',
      editorial: 'Programa 2',
      precio: '45.00'
    }
  ]
}];

const pedidosExcel = pedidos.flatMap(pedido =>
  pedido.data.map(item => ({
    id: pedido.id,
    nombre: pedido.nombre,
    escuela: pedido.escuela,
    grado: pedido.grado,
    fecha: pedido.fecha,
    descripcion: item.descripcion,
    tipo: item.tipo,
    editorial: item.editorial,
    precio: item.precio
  }))
);

console.log(pedidosExcel);

选项 2 使用 .reduce()：

这个函数的优点是比.flatMap()使用得更广泛，所以可能更容易理解。也许吧。

Reduce 遍历一个数组，并将一个值从一次迭代传递到下一次迭代（在我的示例中为acc）。

const pedidos = [{
  id: '[AID]PM-345',
  nombre: '999999990',
  escuela: 'ABCDEF',
  grado: '1° grado ',
  fecha: '11/22/2021',
  data: [
    {
      descripcion: 'ACCELIUM - Programa',
      tipo: 'Programa',
      editorial: 'Programa',
      precio: '35.00'
    },
    {
      descripcion: 'ACCELIUM - Programa 2',
      tipo: 'Programa 2',
      editorial: 'Programa 2',
      precio: '45.00'
    }
  ]
}];

const pedidosExcel = pedidos.reduce((acc, pedido) =>
  [
    ...acc,
    ...pedido.data.map(item => ({
      id: pedido.id,
      nombre: pedido.nombre,
      escuela: pedido.escuela,
      grado: pedido.grado,
      fecha: pedido.fecha,
      descripcion: item.descripcion,
      tipo: item.tipo,
      editorial: item.editorial,
      precio: item.precio
    }))
  ],
[]); 

console.log(pedidosExcel)

使用您认为对您的团队最容易和最容易理解的任何一种。

感谢您为您的问题添加代码 - 下次请将预期结果和数据也添加为代码。

Answer 2

据我所知，你有一个数组，里面有一个对象（不是数组），在这个对象里面你有很多不同的键，其中一个键是 data，它是一个数组对象。那么你想得到什么数据模型呢？用小例子来描述。