javascript - 如何按副标题和标题(而不是仅按其中之一)进行筛选？

Question

目前，我正在使用计算属性在我的网站上显示数据，并从中返回数组:

filteredPackages: function () {
  let titleSearch = this.packages.filter((mypackage, index, arr) => {
    return mypackage.title.match(new RegExp(this.search, "i")) 
  });
  return titleSearch; 
}

目前，它仅搜索 title 属性中的搜索字符串，但我想以这样的方式实现它，它也将搜索 title作为sub_title。

filteredPackages: function () {
  let titleSearch = this.packages.filter((mypackage, index, arr) => {
    return mypackage.title.match(new RegExp(this.search, "i")) 
  });

  let subTitleSearch = this.packages.filter((mypackage, index, arr) => {
    return mypackage.sub_title.match(new RegExp(this.search, "i")) 
  });
  return subTitleSearch;
}

但现在它只在一组字幕中搜索。如何在标题和副标题中搜索它，然后从我的计算属性返回数组？

Answer 1

您可以使用 Array#some 在一个谓词中同时检查副标题和标题:

let titleSearch = this.packages.filter(({ title, sub_title }) =>
  [title, sub_title].some(prop => prop.match(new RegExp(this.search, "i")))
);

它的作用是获取 title 和 sub_title 属性并将它们放入数组中。如果副标题或标题与正则表达式匹配，则保留该项目。