Js filter on condition if exist

Question

I would like to filter array on some condition using "filter" method. If only one condition is active there is no problem. But if object in array must be under two condition there is a problem.

getFilteredItems() {
      let customText = this.filters.customTextFilter.trim();
      return this.filteredItems.filter((x) => {

        if (customText !== '') {
          return x.name.includes(customText) || x.code.includes(customText) || x.city.includes(customText);
        }

        if (this.filters.currencySelected !== '') {
          return x.currency === this.filters.currencySelected;
        }
        return true;
      })
    }

How to join both condition if both are selected? I have another 3 conditions to join. So if some one select two condition how to check both in object and return true if both are true?

Thank you

if (condition1 && condition2)

VLAZ
– VLAZ

2020-05-04 06:13:06 +00:00
Commented May 4, 2020 at 6:13 — VLAZ
– VLAZ, Commented May 4, 2020 at 6:13
return true only if all condition are satisfied

upog
– upog

2020-05-04 06:13:44 +00:00
Commented May 4, 2020 at 6:13 — upog
– upog, Commented May 4, 2020 at 6:13

upog · Accepted Answer · 2020-05-04 06:17:09Z

1

Have a result variable and set to false when ever condition is not satisfied and return the result

getFilteredItems() {

          let customText = this.filters.customTextFilter.trim();
          return this.filteredItems.filter((x) => {
            result=true;
            if (customText !== '') {
              result = result &&( x.name.includes(customText) || x.code.includes(customText) || x.city.includes(customText));
            }

            if (this.filters.currencySelected !== '') {
              result = result &&( x.currency === this.filters.currencySelected);
            }
            return result;
          })

        }

answered May 4, 2020 at 6:17

upog

5,6268 gold badges57 silver badges87 bronze badges

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

Comments

Muhammed B. Aydemir · Accepted Answer · 2020-05-04 06:44:16Z

You could create an array, which holds your filters, and use the reduce function to iterate over it:

const filteredItems = [
    {
        name: 'USA',
        city: 'Washington',
        code: '',
        currency: '$'
    },
    {
        name: 'Germany',
        city: 'Berlin',
        code: '',
        currency: '€'
    },
    {
        name: 'Turkey',
        city: 'Istanbul',
        code: '',
        currency: '₺'
    }
]

const getFilteredItems = (customText = '', currencySelected = '') => {
    const myFilters = []
    if (customText !== '') {
        myFilters.push(x => x.name.includes(customText) || x.code.includes(customText) || x.city.includes(customText));
    }
    if (currencySelected !== '') {
        myFilters.push(x => x.currency === currencySelected);
    }
    return filteredItems.filter(x => myFilters.reduce((acc, myFilter) => acc && myFilter(x), true))
}

console.log(getFilteredItems('Istan'))

Collectives™ on Stack Overflow

Js filter on condition if exist

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related