How to check if an array contains any value of another array

Question

I have an array of object and need to check if the any value of a second array is included within a specific field.

My array is called cocktailList and the field I need to check against is called "ingredients".

The second array is called selectedOptions.

The following code works perfectly when the second array has only 1 value.

Example

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

The problem occurs when I have more than 1 value in selectedOptions My objective is to return TRUE if the item.ingredients contains ANY value of selectedOptions.

If I have the following:

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

It would only return true if the ingredients field contains all values of selectedOptions

I've tried the following solution as suggested by others

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

but I'm getting an error

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

Each item is an object which contains "ingredients" field containing a string of this kind

 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",
}

Seems like the question is in JavaScript - please tag question. — iAmOren
– iAmOren, Commented Sep 21, 2020 at 13:50
Please show us the value of cocktailList. It looks like in the original code, the item.ingredients is a string but in the other example it is not? — Bergi
– Bergi, Commented Sep 21, 2020 at 15:12
@Bergi I've updated my question and included an object example at the bottom. The ingredient field is indeed a string. — Butri
– Butri, Commented Sep 21, 2020 at 15:40
Ah. You'll want to use selectedOptions.some(…) then, not ingredients.….some(…). — Bergi
– Bergi, Commented Sep 21, 2020 at 16:09
@Bergi like this you mean const selectedDrinks = cocktailList.filter(function (item, i) { if (selectedOptions.some(item.ingredients.toLowerCase())) { return true; } else false; }); — Butri
– Butri, Commented Sep 21, 2020 at 16:14

arunmmanoharan · Accepted Answer · 2020-09-21 15:30:17Z

1

You can use some.

Borrowing snippet from @ikik:

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)))

But will fail when

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)))

answered Sep 21, 2020 at 15:30

arunmmanoharan

2,6973 gold badges38 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ikiK · Accepted Answer · 2020-09-21 16:15:31Z

0

You can do simple double loop...

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()

edited Sep 21, 2020 at 16:15

answered Sep 21, 2020 at 15:22

ikiK

6,5105 gold badges25 silver badges48 bronze badges

4 Comments

Butri Over a year ago

you are assuming that the values of selectedOptions must be equal to the value of ingredients which is not the case at all. Example "ingredients": "Tequila, Lime Juice, Agave Nectar Juice, Russian Vodka" and selectedOptions = ["vodka", "rum", "whiskey"]

ikiK Over a year ago

@Butri I just changed that min ago after seeing your edit, easy fix: if (cocktail.ingredients.includes(opt) === true) {

Butri Over a year ago

I think we're on the right path however your solution is not returning what I need. If you check my code I'm adding the cocktail object every time there's a match therefore I don't think we should use check.push(opt). Just to clarify, I need to end up with let check = []; containing all objects where the field ingredients contains one of the selectedOptions values.

ikiK Over a year ago

@Butri Oh I see, but then just switch it and push check.push(cocktail);, cocktail object and not a opt (an option). Edited fiddle.

Marco Silva · Accepted Answer · 2020-09-21 17:47:52Z

0

You could do:

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
  )
);

answered Sep 21, 2020 at 17:47

Marco Silva

5846 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to check if an array contains any value of another array

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related