Как лучше реализовать работу такого фильтра? То есть, из редакса

Question

Как лучше реализовать работу такого фильтра? То есть, из редакса

приходит массив, он проходит через функцию которая возвращает отфильтрованный массив. Но как саму функцию-фильтрации реализовать, я чёто кроме if else пока ничего не придумал

#frontend #javascript #programming #react.js #russian

0

23.07.2021

35 ответов

2 просмотра

Aleksandr Sarkisov Автор вопроса

Блин. Я чёто не понял

0

23.07.2021

Alexandr

(() => { const values = [1, 0, 228]; const conds = [item => item > 0, item => item < 100]; retun values.filter(value => conds.every(cond => cond(value))); })()

0

23.07.2021

Dmitry Remezov

omg. const getFilteredData = (originalData, filtersState) => originalData.filter(createFiltersStateGuard(filtersState)); const createFiltersStateGuard = filtersState => { const filtersEntries = Object.entries(filtersState); const filtersGuards = filtersEntries.map(([name, value]) => guardCreatorByFilterName[name](value) ); return item => filtersGuards.every(guard => guard(item)); }; const guardCreatorByFilterName = { deliveryStatus: statuses => item => statuses.includes(item.deliveryStatus), paymentStatus: statuses => item => statuses.includes(item.paymentStatus), creationDate: date => { const dateAsTimestamp = date.getTime(); return item => item.creationDate.getTime() === dateAsTimestamp; } }

0

23.07.2021

Aleksandr Sarkisov Автор вопроса

Спасибо

0

23.07.2021

Dmitry Remezov

@quopiks

0

27.07.2021

Dmitry Remezov

Модифицируй под фильтр «all» на нужных полях

0

27.07.2021

Dmitry Remezov

(С)

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

TypeError: guardCreatorByFilterName[name] is not a function

0

27.07.2021

Yuri Kostin

Я бы короче, как-нибудь так закомбинировал бы

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Спасибо, сейчас попробую

0

27.07.2021

Yuri Kostin

А, минутку

0

27.07.2021

Yuri Kostin

При таком случае у нас два объекта должно быть в массиве, или один?

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Сколько угодно может быть, если они прошли фильтрацию

0

27.07.2021

Yuri Kostin

Тогда, вероятно, должно быть вот так const hasEnabledOption = (key, source) => (option) => source[key][option[key]]; const anyPass = (...fns) => (value) => fns.some((fn) => fn(value)); const hasEnabledOptions = anyPass( hasEnabledOption("smth", props), hasEnabledOption("other", props) );

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Так оно возвращает массив с новыми объектами?

0

27.07.2021

Yuri Kostin

Почему с новыми? С теми же Только массив новый возвращает, а не мутирует старый

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

TypeError: Cannot read property 'undefined' of undefined

0

27.07.2021

Yuri Kostin

Покажите как используете

0

27.07.2021

Dmitry Remezov

Финальный босс жс)

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Секунду, залью куда-то

0

27.07.2021

Yuri Kostin

😁😁😁

0

27.07.2021

Yuri Kostin

Да не надо Просто скрин покажите

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Там просто много текста, в скрин не помещается

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

https://stackblitz.com/edit/react-8d7kud?file=src/App.js

0

27.07.2021

Yuri Kostin

Кажется, что вы решили не разбираться в коде, который я прислал Обратите внимание на эти ключи

0

27.07.2021

Dmitry Remezov

Мы же абстрактное решение даём, ты под себя его подстраивай, а не ctrl +c ctrl+v

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Да, извиняюсь. просто уже замучался этой фильтрацией

0

27.07.2021

Yuri Kostin

Заработало?

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Ну ошибки нет

0

27.07.2021

Yuri Kostin

Вот так вот, ни здрастье, ни до свиданья)

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

та я тестирую просто

0

27.07.2021

Yuri Kostin

Это правильно)

0

27.07.2021

Aleksandr Sarkisov Автор вопроса

Ну, всё работает. Спасибо большое. А то я уже пол дня сижу и ничего даже в голову не приходит

0

27.07.2021

Yuri Kostin

На здоровье Разберитесь с кодом, который прислал вам я и @THIS_IS_YOUR_NICKNAME. Станете лучше как программист) Ну и общий совет - не пытайтесь сделать сразу всё решение сразу. Дробите решение задачи на части.

0

27.07.2021

Dmitry Remezov · Accepted Answer

Dmitry Remezov

1) Делаешь массив проверок, по функции на каждый заполненный фильтр 2) data.filter(item => conditions.every(fn => fn(item)))

0

23.07.2021

169 похожих чатов

Как лучше реализовать работу такого фильтра? То есть, из редакса

35 ответов

Похожие вопросы