时间戳

首页 > 解决方案 > 如何将多个对象转换为单个数组并计算javascript中对象的长度？

javascript - 如何将多个对象转换为单个数组并计算javascript中对象的长度？

问题描述

我有这个代码：

               {bloodStores &&
                  bloodStores.map((store) => {
                    if (
                      store.status === "Stock" &&
                      store.blood_component === "Whole Blood" &&
                      store.blood_group === "O+"
                    ) {
                      {
                       {' display the length of objects '}
                      }
                    }
                  })}

bloodStores是一个包含太多数据的数组。我循环并通过获取我想要的特定内容作为上述代码进行过滤。

过滤后，我得到了我需要的确切东西，都是像下面的代码这样的对象：

 {
    "donor": "caamir yusuf ali",
    "hb": "18.13",
    "blood_group": "O+",
    "blood_component": "Whole Blood",
    "unit": "500",
    "bag": "K020068931",
    "status": "Stock"
  },
  {
    "donor": "zakariye mohamed adan",
    "hb": "16.71",
    "blood_group": "O+",
    "blood_component": "Whole Blood",
    "unit": "500",
    "bag": "K02059689",
    "status": "Stock"
  },
  {
    "donor": "cabdirashid colaad hassan",
    "hb": "17.55",
    "blood_group": "O+",
    "blood_component": "Whole Blood",
    "unit": "250",
    "bag": "EE559895",
    "status": "Stock"
  }

如您所见，对象总数为 3，但我如何显示该数字？？？？

标签： javascriptnode.jsarraysreactjsobject

解决方案

您应该事先进行过滤，然后您可以简单地呈现过滤后的项目或结果数组的长度。在 jsx 中不需要这样做：

const availableZeroPositiveWholeBlood = bloodStores.filter(
    ({status, blood_component, blood_group}) => (
        status === "Stock" 
        && blood_component === "Whole Blood" 
        && blood_group === "O+"
    )
)

return <p>{availableZeroPositiveWholeBlood.length}</p>;

推荐阅读