Javascript Vue JS按多个数组对象项筛选

Javascript Vue JS按多个数组对象项筛选,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我有一些代码根据搜索输入过滤对象数组,它根据search变量过滤。我希望能够基于此进行搜索,并可能搜索对象中的其他键: import HelpGuides from '~/static/help/help-guide.json'; export default { head: { title: 'Help' }, data () { return { guides: HelpGuides, search: '' } }, co

我有一些代码根据搜索输入过滤对象数组,它根据
search
变量过滤。我希望能够基于此进行搜索,并可能搜索对象中的其他键:

import HelpGuides from '~/static/help/help-guide.json';

export default {
  head: {
    title: 'Help'
  },
  data () {
    return {
      guides: HelpGuides,
      search: ''
    }
  },
  computed: {

    filteredGuides: function() {
      return this.guides.filter(guide => {
        return guide.title.toLowerCase().includes(this.search.toLowerCase())
      })
    }

  }
}
上面是我的代码,它根据
搜索
输入过滤
标题
键,但是,每个对象都包含
标题
标签
正文
标签
是一个数组,
正文
是一个字符串


我将如何执行此操作?

使用
|
操作符匹配其他键

filteredGuides: function() {
  return this.guides.filter(guide => {
    return guide.title.toLowerCase().includes(this.search.toLowerCase())
      || guide.body.toLowerCase().includes(this.search.toLowerCase())
  })
}
处理不同的类型取决于对象结构。另外,请记住,您可以在另一个函数中提取
|
子句