数组对象根据数据项状态属性如何筛选数据

比如一个小功能:需要计算当前已完成的项的数量？ 这时我们就需要数组中每一项的某个状态属性值去筛选

在 vue 中往往使用计算属性去完成，这里使用数组三种不同的方法完成：

// 统计当前已完成的数据项
    doneSum() {
      // ``````reduce`````
      return this.todos.reduce((acc, cur) => {
        return acc + (cur.done ? 1 : 0);
      }, 0);
      // ``````filter`````
      const done  = this.todos.filter((todo)=>{
        return todo.done==true
      })
      return done.length
      // ````forEach`````
        let i =0
        this.todos.forEach(element => {
            if(element.done==true){
              i++
            }
        })
        return i
    },