Javascript 如何在DOM中呈现复杂的数据数组？

如何在DOM中呈现，以便仅显示特定餐厅名称的所有订单。 因此，每家餐厅都会有自己的注册订单列表。 我的数组如下所示：

[ { "_id": "5c6468c77982450218a95acf", "name": "Restaurant0", "location": "Tokio", "workinghours": 18, "user": "asa", "foodName": "Apple Pie", "orderDate": "25.02.2019.", "__v": 0 },
{ "_id": "5c6468c77982450218a95acf", "name": "Restaurant0", "location": "Tokio", "workinghours": 18, "user": "asa", "foodName": "Apple", "orderDate": "25.02.2019.", "__v": 0 },
{ "_id": "5c6468c77982450218a95acf", "name": "Restaurant1", "location": "Tokio", "workinghours": 18, "user": "asa", "foodName": "Apple Pie", "orderDate": "25.02.2019.", "__v": 0 },
 { "_id": "5c6468c77982450218a95acf", "name": "Restaurant1", "location": "Tokio", "workinghours": 18, "user": "asa", "foodName": "Fish sendvich", "orderDate": "25.02.2019.", "__v": 0 },]

---

DOM中的每个餐厅都需要有自己的订单列表。

取决于您是否有类别或功能： 例如：

const myComponent = (
<div>
  {myArray.map(item => (
    <div key={item._id}>
      <div>
        {item.name} " food: "{item.foodName}
      </div>
    </div>
  ))}
</div>

const myComponent=(
{myArray.map（项=>(
{item.name}“食品：{item.foodName}
))}

))； 作为回报，您可以使用常量作为组件：

---

{MyComponent}

到目前为止，您对它做了哪些工作，请向我们展示您的代码以及哪些不起作用。好的，我已经合并了从mongodb服务器提取的两个数组。现在数组看起来像我在这里发布的数组。现在我需要使用array.map在DOM中渲染数组数据。还有一点要提的是，我从我的组件中的道具中获得了该数组。我需要在DOM中渲染，使其在图像链接上看起来像这样，到目前为止效果良好，然后使用

map

，如果您遇到了问题，请返回相关代码。我已经这样做了，但我不需要渲染那些没有任何订单的餐厅。我只需要显示有订单的餐厅。在您的数组中，有些餐厅有订单？。。我使用你发布的数组…无论如何，你可以在地图中使用if条件。。。只渲染有秩序的一个。。。。如果在数组中有一些键顺序…这就是我的问题。这张地图很好用，它一家一家地读，并以列表的形式显示出来。现在，它显示如下：restaurant0 restaurant0 restaurant1 restaurant1我需要先读取restaurant0的数据，然后再转到restaurant1数据。我需要过滤它，我需要它以某种方式显示，就像在这个图像上：