如何在ReactJS中统计状态为Open的数据总数？

要统计给定数组中status属性为'Open'的数据条目总数，你可以用以下两种常用的JavaScript方法实现：

方法1：使用filter()结合length属性 #

filter()方法会创建一个新数组，包含所有符合筛选条件的元素，再通过length属性获取这个新数组的长度，就是我们要的总数：

const openCount = approvals.filter(item => item.status === 'Open').length;
console.log(openCount); // 输出：2

方法2：使用reduce()方法 #

reduce()方法可以直接遍历数组并累加符合条件的次数，不需要创建新数组，在处理大型数组时更节省内存：

const openCount = approvals.reduce((total, currentItem) => {
  return currentItem.status === 'Open' ? total + 1 : total;
}, 0);
console.log(openCount); // 输出：2

两种方法都能得到正确结果，你可以根据自己的习惯选择使用。

内容的提问来源于stack exchange，提问作者LAAA