Vue / Lodash通过另一个数组的值过滤数组

Question

我正在继续我的 JavaScript 学习，但遇到了一些我不清楚要解决的问题。

在我的 Vue 数据对象中，我有：

  data: {
    allergenFilter: [],
    categoryFilter: [],
    results: {},
  },

我有一组复选框，可以让我为产品选择过敏原，它会像这样填充我的 allergenFilter Vue 属性：

[
  0: "nut-free",
  1: "milk-free"
]

但我也有一个产品有/没有的过敏原列表，我想匹配包含这些选项的产品。这是一个产品的例子：

[
  0:"vegetarian"
  1:"vegan"
  2:"egg-free"
  3:"nut-free"
]

我试图通过这样做来过滤结果：

  this.results.filter(result =>
    result.allergens.includes(
      this.allergenFilter
    )
  )

但由于键：值配对，它不起作用，所以我知道这个问题，但我不完全确定如何查看数组值是否包含在另一个数组的值中

Answer 1

您需要另一个嵌套循环 - 检查.some 的过敏原是否包含在allergenFilter 中。

this.results.filter(result =>
    result.allergens.some(
        allergen => this.allergenFilter.includes(allergen)
    )
)

如果您需要全部包含allergenFilter，请使用.every。

this.results.filter(result =>
    this.allergenFilter.every(
        allergen => result.allergens.includes(allergen)
    )
);