find array of objects with array - javascript

Question

I've been trying to do this function for two days and I'm not succeeding. I would like the function to return me the objects that satisfy the filter array. The problem is that I would like it to return only objects that satisfy all filters.

My array of filters:

const myFiltersIngredients = ['farinha', 'frango']

My array of objects:

    const myRecipes = [
  {
    name: 'torta da vovo',
    ingredients: [
      {
        ingredient: 'farinha',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      },
      {
        ingredient: 'frango',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      }
    ]
  },
  {
    name: 'biscoito',
    ingredients: [
      {
        ingredient: 'farinha',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      },
      {
        ingredient: 'manteiga',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      }
    ]
  }
]

Use the Array.prototype.every() method to test that every ingredient is matched, and Array.protoyype.some() to tell whether any of the ingredients in a recipe uses an ingredient. — Barmar
– Barmar, Commented Dec 13, 2021 at 20:10
Something like myRecipes.filter(({ingredients}) => myFiltersIngredients.every(myfilter => ingredients.map(({ingredient}) => ingredient).includes(myfilter))); — PeterKA
– PeterKA, Commented Dec 13, 2021 at 20:24

PeterKA · Accepted Answer · 2021-12-13 21:45:31Z

const myFiltersIngredients = ['farinha', 'frango'];

const myRecipes = [{
        name: 'torta da vovo',
        ingredients: [{
                ingredient: 'farinha',
                ingredientUnit: 'grama(s)',
                ingredientQuantity: 500
            },
            {
                ingredient: 'frango',
                ingredientUnit: 'grama(s)',
                ingredientQuantity: 500
            }
        ]
    },
    {
        name: 'biscoito',
        ingredients: [{
                ingredient: 'farinha',
                ingredientUnit: 'grama(s)',
                ingredientQuantity: 500
            },
            {
                ingredient: 'manteiga',
                ingredientUnit: 'grama(s)',
                ingredientQuantity: 500
            }
        ]
    }
];

const myFiltered = myRecipes.filter(({
    ingredients
}) => myFiltersIngredients.every(myfilter => ingredients.map(({
    ingredient
}) => ingredient).includes(myfilter)));

console.log( myFiltered );

async await · Accepted Answer · 2021-12-13 20:51:32Z

0

I hope this small demo helps point you in the right direction.

Here is a link to the .filter and .every array method documentation.

As a brief explanation:

The .filter method takes a function as an argument, and will execute the function with each object in the array. The function will return either true or false. The array returned by .filter will be all the items in the array that returned true based on the function provided.

The .every method takes a function as an argument, and returns true if every item in the array, when passed to the function argument, will returns true.

In my code I first state that I want to filter all the recipes, and return the filtered array into a variable. The function that is passed as an argument only has one line, which checks the object to make sure that every ingredient associated with that object is included in the myFiltersIngredients array.

const myFiltersIngredients = ['farinha', 'frango'];

const myRecipes = [
  {
    name: 'torta da vovo',
    ingredients: [
      {
        ingredient: 'farinha',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      },
      {
        ingredient: 'frango',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      }
    ]
  },
  {
    name: 'biscoito',
    ingredients: [
      {
        ingredient: 'farinha',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      },
      {
        ingredient: 'manteiga',
        ingredientUnit: 'grama(s)',
        ingredientQuantity: 500
      }
    ]
  }
];

const filteredRecipes = myRecipes.filter(o => {
  return o.ingredients.every(
    ({ingredient}) => myFiltersIngredients.includes(ingredient)
  );
});

console.log(filteredRecipes);

edited Dec 13, 2021 at 20:51

answered Dec 13, 2021 at 20:16

async await

2,4251 gold badge11 silver badges23 bronze badges

5 Comments

async await Over a year ago

If someone has an issue with my answer I would love to hear about it 👋

icaro paiva Over a year ago

It's really fast answer hahahaha.. Thanks thanks thanks

async await Over a year ago

No problem 👍 If you want me to explain any of it let me know, thought it should be pretty straight forward 😁

icaro paiva Over a year ago

actually I'm not familiar with using array methods inside other array methods. But I think I understand hahaha (y)

async await Over a year ago

I added a more detailed explanation and links to the documentation for .filter and .every, please let me know if you would like any further clarification

Collectives™ on Stack Overflow

find array of objects with array - javascript

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related