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

Frank
  • 开发笔记
  • JS
小于 1 分钟约 148 字...

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

在 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
    },
上次编辑于:
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.14.1