Javascript 如何访问对象数组中的数组

Javascript 如何访问对象数组中的数组,javascript,arrays,reactjs,Javascript,Arrays,Reactjs,作为一个学习过程,我正在从事react电子商务项目,并且陷入了这样一种情况:我有一个包含多个订单对象的订单数组,而在订单中有一个包含orderItem对象的OrderItems数组 以下是两个订单的数组结构,供参考 myOrders: [ { id: 1, order_items: [ { prod_id: 1, name: 123, qty: 1, }, { prod_id:

作为一个学习过程,我正在从事react电子商务项目,并且陷入了这样一种情况:我有一个包含多个订单对象的订单数组,而在订单中有一个包含orderItem对象的OrderItems数组

以下是两个订单的数组结构,供参考

myOrders: [
  {
    id: 1,
    order_items: [
      {
        prod_id: 1,
        name: 123,
        qty: 1,
      },
      {
        prod_id: 1,
        name: 123,
        qty: 1,
      },
    ],
  },

  {
    id: 2,
    order_items: [
      {
        prod_id: 4,
        name: "xyz",
        qty: 2,
      },
      {
        prod_id: 5,
        name: "abc",
        qty: 5,
      },
    ],
  },
];
如何分别访问所有订单的订单项目? 到目前为止,我尝试的是: 使用useSelector从reducer检索myOrders,然后对其进行分解以获取order_项并使用

order\u items.map

函数,但它会抛出一个错误

找不到未定义的映射

我正在学习,还不是专家。非常感谢所有专家的帮助

提前感谢

您可以尝试在myOrders数组上使用map函数来检索订单项目,并将这些项目放在一个数组中

设myOrders=[ { id:1, 订购物品:[ { 产品编号:1, 姓名:'123', 数量:1 }, { 产品编号:1, 姓名:'123', 数量:1 } ] }, { id:2, 订购物品:[ { 产品编号:4, 名称:“xyz”, 数量:2 }, { 产品编号:5, 姓名:“abc”, 数量:5 } ] } ]; 让result=myOrders.mapi=>i.order\u items.flat; console.logresult const myOrders=[{id:1,订单项:[{prod\u id:1,名称:123,数量:1},{prod\u id:1,名称:123,数量:1}]},{id:2,订单项:[{prod\u id:4,名称:xyz,数量:2},{prod\u id:5,名称:abc,数量:5}]; const out=myOrders.reducea,b=>{ a、 推送…b.订购物品; 返回a; }, [];
控制台。注销;破坏结构很可能是问题所在;您是否使用const{order\u items}=myOrders?因为您需要const{order\u items}=myOrders[i]或outer.map来迭代myOrders是的,我确实使用了const{order\u items}=myOrders,但是没有myOrders.order\u项,因为myOrders是一个数组。所以我需要迭代myOrders,并且对于每个myorder,我必须获得order\u项。对吗?没错。这里有两个嵌套贴图非常理想。谢谢。现在我必须再次迭代结果,我将有权访问prod_id、name和qty。我来试一试谢谢你的回答。我试试看