JavaScript 函数由 3 个函数组成

Question

我正在使用 Vue 并尝试使用 JS 函数组合来过滤结果数组。

我的 Vue 计算值就像这样，但无法让 filteredByAll 接受第三个选项 getByThing。现在，filterByAll 仅过滤类别和关键字搜索。

computed: {
        filteredByAll() {
        return getByCategory(getByKeyword(this.list, this.keyword), this.category)
      },
      filteredByKeyword() {
          return getByKeyword(this.list, this.keyword)
      },
      filteredByCategory() {
          return getByCategory(this.list, this.category)
      },
      filteredByThing() {
        return getByThing(this.list, this.thing)
      }
    }

我的标准 JS 函数

function getByKeyword(list, keyword) {
  const search = keyword.trim()
  if (!search.length) return list
  return list.filter(item => item.name.indexOf(search) > -1)
}

function getByCategory(list, category) {
  if (!category) return list
  return list.filter(item => item.category === category)
}

function getByThing(list, thing) {
  if (!thing) return list
  return list.filter(item => item.thing === thing)
}

我正在努力理解功能性的东西，但对我所读到的内容感到挣扎。

Answer 1

这应该可以做到:

filteredByAll() {
    return getByThing(getByCategory(getByKeyword(this.list, this.keyword), this.category), this.thing)
},