Why do I keep getting false for some() javascript array method for an array inside an object?

Question

const menu = [{
    name: "tofu fritters",
    ingredients: ["tofu", "egg yolk", "breadbrumbs", "paprika"],
  },
  {
    name: "black bean curry",
    ingredients: ["black beans", "garam masala", "rice"],
  },
  {
    name: "chocolate tiffin",
    ingredients: [
      "dark chocolate",
      "egg",
      "flour",
      "brown sugar",
      "vanilla essence",
    ],
  },
  {
    name: "hummus",
    ingredients: ["chickpeas", "tahini", "lemon", "garlic", "salt"],
  },
];

searchResult = menu.some(menuItem => menuItem.ingredients === 'flour');
console.log(searchResult);

I was expecting this to return true since flour is present in the array for the third menu item but it returns false. Some() only seems to return true if I remove the array entirely from the object.

your ingredients _contain_ flour. This is not the same as your ingredients _being_ flour. — tkausl, Jan 24 '23 at 06:46
thanks! it now works if I use menuItem.ingredients.includes('flour') — Paul Bevan, Jan 24 '23 at 06:49

score 1 · Accepted Answer · answered Jan 24 '23 at 06:49

As menuItem.ingredients is an array, try with menuItem.ingredients.includes('flour') instead of menuItem.ingredients === 'flour'

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.

const menu = [{
    name: "tofu fritters",
    ingredients: ["tofu", "egg yolk", "breadbrumbs", "paprika"],
  },
  {
    name: "black bean curry",
    ingredients: ["black beans", "garam masala", "rice"],
  },
  {
    name: "chocolate tiffin",
    ingredients: [
      "dark chocolate",
      "egg",
      "flour",
      "brown sugar",
      "vanilla essence",
    ],
  },
  {
    name: "hummus",
    ingredients: ["chickpeas", "tahini", "lemon", "garlic", "salt"],
  },
];

searchResult = menu.some(menuItem => menuItem.ingredients.includes('flour'));
console.log(searchResult);

score -1 · Answer 2 · answered Jan 24 '23 at 06:49

menuItem is an Object menuItem.ingredients is an array do we can not directly equalize to a variable, but we can check if it contains the variable so menuItem.ingredients.includes('flour') work for this

const menu = [{
    name: "tofu fritters",
    ingredients: ["tofu", "egg yolk", "breadbrumbs", "paprika"],
  },
  {
    name: "black bean curry",
    ingredients: ["black beans", "garam masala", "rice"],
  },
  {
    name: "chocolate tiffin",
    ingredients: [
      "dark chocolate",
      "egg",
      "flour",
      "brown sugar",
      "vanilla essence",
    ],
  },
  {
    name: "hummus",
    ingredients: ["chickpeas", "tahini", "lemon", "garlic", "salt"],
  },
];

searchResult = menu.some(menuItem => menuItem.ingredients.includes('flour') );
console.log(searchResult);

Why do I keep getting false for some() javascript array method for an array inside an object?

2 Answers2