Как сделать фильтрацию товаров на javascript?

Question

[HellYeahOmg]

Пытаюсь сделать данное задание - https://github.com/KosyanMedia/test-tasks/tree/mas...
Залип на фильтрации билетов (#task2). Проблема в том, что можно выбрать несколько фильтров.
Как это реализовать? Через if..else не представляю как - слишком много условий. К тому же если выбрано одно условие, а тут выбирается второе, то нужно оба условия применять к исходному массиву, а не уже отсортированному. Вопросов, вообщем, много.
Слышал про либу mixItUp, но их сайт не открывается, а судя по статьям там можно реализовать только фильтрацию по 1 типу.
Данные храню в state у компонента.

Answer 1

[shmatuan]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/ru/docs/Web/JavaScri...

let filtres = [0, 1, 2] // кол-во пересадок
let filtered = tickets.filter(t => filtres.find(f => f === t.transfer )  )

Comments

[HellYeahOmg]

Без пояснений я тут не разберусь...
Отсылать читать доки не стоит.

[shmatuan]

HellYeahOmg,
.filter - возвращает массив, условия для которого ставишь в функции t => { return true; }
find - возвращает true/false если нашёл в массиве (filtres) условие, которое прописано в функции f => { return f === t.transfer ; }

[HellYeahOmg]

shmatuan, find возвращает элемент, если не ошибаюсь, при чем первый найденный. И какой тут фильтр получается?)
По клику на чекбокс я должен добавлять в массив filtres значение? Какое значение добавлять для "Все"?

Answer 2

[Alexander Pushkarev]

const transplants = [0, 1, 2]; // пересадки
const prices = [10000, 15000]; // диапазон цен

// Фильтруем
const flights = tickets.filter(ticket => {
    const ticketTransplant = transplants.includes(ticket.stops); // проверяем пересадки
    const ticketPrice = ticket.price >= prices[0] && ticket.price <= prices[1]; // проверяем цену

    return ticketTransplant && ticketPrice;
});