用Vue js计算一个数组中某一类别项目的数组长度。

Question

我有一个数组，它看起来像这样。

{
  "blogs": [
    {
      "id": 1,
      "name": "Test title 1",
       "category": "tennis",
    },
    {
      "id": 2,
      "name": "Test titel 2",
      "category": "football",
    },
    // etc
}

我知道我可以得到 length 的数组，像这样 <div>{{ getfilteredData.length }}</div>.

但我如何计算某项的长度？category?

Answer 1

你可以使用这个方法。

getLengthofaCategory(cat){
  var categoryLength = blogs.filter((item) => item.category == cat);
  return categoryLength.length;
}