如何检查一个数组是否包含另一个数组的任何值

Question

我有一个对象数组，需要检查第二个数组的任何值是否包含在特定字段中。

我的数组名为 cocktailList，我需要检查的字段名为“ingredients”。

第二个数组称为selectedOptions。

当第二个数组只有 1 个值时，以下代码可以完美运行。

例子

const selectedOptions = ["vodka"];
const selectedDrinks = cocktailList.filter(function (item, i) {
      if (item.ingredients.toLowerCase().includes(selectedOptions)) {
        return true;
      } else false;
    });

当我在 selectedOptions 中有多个值时会出现问题 如果 item.ingredients 包含 selectedOptions 的任何值，我的目标是返回 TRUE。

如果我有以下情况：

const selectedOptions = ["vodka", "rum"];

只有在 ingredients 字段包含 selectedOptions

的所有值时才会返回 true

我已经按照其他人的建议尝试了以下解决方案

if (item.ingredients.toLowerCase().some((val) => selectedOptions.indexOf(val) !== -1))

但我遇到了一个错误

TypeError: item.ingredients.toLowerCase().some is not a function. (In 'item.ingredients.toLowerCase().some(function (i)

每个项目都是一个对象，其中包含包含此类字符串的“成分”字段

 Object {
    "alcoholic": "true",
    "complete": false,
    "country": "cuba",
    "dairy_free": "",
    "description": "Made without the traditional orange liqueur",
    "difficulty": "",
    "dosage": "1½ shot(s) Tequila, ½ shot(s) Lime Juice, ½ shot(s)",
    "drinkId": "1103",
    "equipment": "Shaker, Strainer",
    "garnish": "",
    "glass": "collins",
    "ingredients": "Tequila, Lime Juice, Agave Nectar Juice",
}

Answer 1

您可以使用some。

从@ikik 借用sn-p：

let cocktailListc = [{
    "ingredients": "vodka"
  },
  {
    "ingredients": "water"
  },
  {
    "ingredients": "soda"
  },
  {
    "ingredients": "rum"
  },
  {
    "ingredients": "orange"
  }
]
const selectedOptions = ["vodka", "rum", "limun"];

console.log(cocktailListc.some(item => selectedOptions.includes(item.ingredients)))

但是会失败

let cocktailListc = [{
    "ingredients": "vodka"
  },
  {
    "ingredients": "water"
  },
  {
    "ingredients": "soda"
  },
  {
    "ingredients": "rum"
  },
  {
    "ingredients": "orange"
  }
]
const selectedOptions = ["a", "b", "c"];

console.log(cocktailListc.some(item => selectedOptions.includes(item.ingredients)))

Answer 2

你可以做简单的双循环...

function test() {
  let cocktailListc = [{
      "ingredients": "Tequila, Lime Juice, Agave Nectar Juice, Russian Vodka"
    },
    {
      "ingredients": "water test"
    },
    {
      "ingredients": "soda test"
    },
    {
      "ingredients": "rum test"
    },
    {
      "ingredients": "orange test"
    }
  ]

  const selectedOptions = ["vodka", "rum", "limun"];

  let check = [];

  selectedOptions.forEach(opt => {
    cocktailListc.forEach(cocktail => {
      if (cocktail.ingredients.toLowerCase().includes(opt.toLowerCase()) === true) {
        check.push(cocktail);
      }
    });
  });

  if (check.length > 0) {
    console.log(true)
     console.log(check)
  }
}
test()

Answer 3

你可以这样做：

var selectedOptions = ["vodka"];
var cocktailList = [{ ingredients: "vodka, lemon, sugar" }];

var selectedDrinks = cocktailList.filter((cocktail, i) =>
  selectedOptions.reduce(
    (has, option) => has && cocktail.ingredients.includes(option),
    true
  )
);