Javascript 计算数组中的真出现次数并将它们绑定到数组中的变量

我有一组带有复选框的输入字段，用户可以在其中选择一个选项。然后，如果选中，它将作为true保存在本地存储中，如果未选中，则作为false保存。键“乘客”下的本地存储如下所示：

0: {name: "", child: false, luggage: true}
1: {name: "", child: true, luggage: false}
2: {name: "", child: false, luggage: true}
3: {name: "", child: true, luggage: false}

我想计算true的出现次数，并将其存储为变量中的数字

public luggageCounter: number;

我试着用

this.luggageCounter = countTrue([this.passengers[i].luggage]], true)
console.log(this.luggageCounter)

和

const countTrue=（arr，val）=>arr.reduce（（a，v）=>（v==val？a+1:a），0）

但这两种解决方案都不起作用。我还想通过在下面添加代码[ngClass]并将其与component.ts中的方法绑定来简化和切换HTML中的值，但也没有成功

<div>Extra luggage: {{ passengers[i].luggage ? 'Yes' : 'No' }}<div>

额外行李：{{乘客[i]。行李？'Yes'：'No'}

---

有没有办法让这个简单的任务顺利完成？我没有主意了：）

请尝试以下解决方案

const数据=[
{name:，child:false，baggage:true}，
{name:，child:true，baggage:false}，
{name:，child:false，baggage:true}，
{name:，child:true，baggage:false}，
];
const total=数据。reduce（（以前的值，当前值）=>{
if（currentValue.luggage）{
上一个值+=1；
}
返回以前的值；
}, 0);
控制台日志（总计）谢谢！这正是我想要的！：）