Filter array object by array of Boolean values dynamically

Question

I have my array object in the following format

menuItem = [{
    "name": "MOZZARELLA DI BUFALA & TOMATOES",
    "gluten": true,
    "eggs": false,
    "dairy": true,
     ...
},...

I want to filter hundreds of menuItems by the allergen values (Boolean).

While the following code does the trick:

menuItem.filter(el => !el.gluten && !el.fish && !el.soy && !el.dairy)"

The allergens are hardcoded and repetitive. I am struggling to make the code dynamic and elegant.

I tried the following solution

menuItem.filter(el => !el[allergens])"
var allergens = ['gluten', 'fish', 'soy', 'dairy']

However, it only works correctly with one allergen value. Multiple values as in the above example do not filter anything.

menuIten.filter(el => Object.keys(el).filter(i => (typeof i === "boolean").every(i => !i)); — code
– code, Commented Apr 22, 2022 at 1:20

hgb123 · Accepted Answer · 2022-04-22 01:24:07Z

2

You could use .some or .every, whichever match your case

const allergens = ['gluten', 'fish', 'soy', 'dairy']

const res = menuItem.filter(
  (el) => !allergens.every((allergen) => el[allergen])
);
// equivalent to `menuItem.filter(el => !el.gluten && !el.fish && !el.soy && !el.dairy)`

const menuItem = [
  {
    name: 'dish A',
    gluten: true,
    fish: true,
    soy: true,
    dairy: true,
  },
  {
    name: 'dish B',
    gluten: true,
    fish: true,
    soy: false,
    dairy: true,
  },
];

const allergens = ['gluten', 'fish', 'soy', 'dairy'];

const res = menuItem.filter(
  (el) => !allergens.every((allergen) => el[allergen])
);

console.log(res);

edited Apr 22, 2022 at 1:24

answered Apr 22, 2022 at 1:17

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

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

2 Comments

Mads Over a year ago

Unfortunately, your code seems to have the same problem as my original example with multiple allergen values. If you add one more dish to your example and filter them with multiple allergen values, it will only filter the first allergen in the array correctly. –

Mads Over a year ago

Using .some instead of .every did the trick

CertainPerformance · Accepted Answer · 2022-04-22 01:18:39Z

2

First extract the name property, then check that the rest of the properties in the object are falsey.

menuItem.filter(
  ({ name, ...rest }) => Object.values(rest).every(val => !val)
);

Ideally, I'd prefer to restructure the input array so the allergies are in a separate property, perhaps:

menuItem = [{
    "name": "MOZZARELLA DI BUFALA & TOMATOES",
    allergens: {
        "gluten": true,
        "eggs": false,
        "dairy": true,

to make accessing them easier.

menuItem.filter(
  ({ allergens }) => Object.values(allergens).every(val => !val)
);

answered Apr 22, 2022 at 1:18

CertainPerformance

374k55 gold badges354 silver badges359 bronze badges

Collectives™ on Stack Overflow

Filter array object by array of Boolean values dynamically

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related