Автоматизирован ли фильтр товаров в интернет магазинах?

Question

[Айнур Ярулин]

Здравствуйте, делаю первый сайт для портфолио, решил сделать интернет магазин.
Сейчас я сделал фильтр для смартфонов, но суть в том, что он подходит только для смартфонов,
неужели в реальных проектах нужно под каждую категорию товаров делать свой фильтр или
это как-то автоматизированно?

Comments

[WbICHA]

В смысле? Как ты реализовал фильтр, раз пришёл к такому выводу?

[Rerurk]

Если сайт берёт товары из бд. То задачу фильтрации надо переложить на саму бд через сервер

[Айнур Ярулин]

WbICHA,

У меня есть массив с объектами:

const smartphones = [
 {name: "Samsung", ram: 8, camera: "12 мп", price: 23999}
 {name: "Xiaomi", ram: 6, camera: "24 мп", price: 12399}
]

Потом я отправляю эти данные в функцию которая фильтрует объекты например по цене
или по количеству памяти, а после уже отфильтрованные товары передаются в другую функцию,
которая их выводит на страницу.

И получается моя функция, которая фильтрует телефоны - не подойдет для фильтрации ноутбуков
например.

[Rerurk]

А если заказчик захочет менять цены, что ему делать?

[WbICHA]

И получается моя функция, которая фильтрует телефоны - не подойдет для фильтрации ноутбуков
например.

squadbrodyaga, и почему она не подойдёт?
Я реально не могу найти здесь проблему, потому что сделать фильтр, подходящий только под телефоны, это надо очень сильно постараться.

[Айнур Ярулин]

Rerurk, да это просто для учёбы сделал, я понимаю, что данные с сервера приходят

[Айнур Ярулин]

WbICHA, ну типо вот так работает фильтр, хочется узнать правильное ли это решение вообще,

https://codepen.io/squadcoder/pen/gOLmRQG?editors=0010

Answer 1

[Олег]

Делается универсальная функция, в которую передаётся название категории, а на выходе отдаётся список подошедших товаров. Вовсе не обязательно плодить десятки функций, выполняющих одно и то же.

На нажатие кнопки фильтра для определённой категории (или переключении селектора или что там у вас для этого сделано...) получаем из аттрибута, например filter="" название категории/метки для поиска и загоняем в универсальную функцию, которая будет делать запрос.

function func(category){
   // делаем запрос на сервер для выдачи товаров по категории category
   // получаем ответ
   result = ответ, полученный от сервера;
   return result;
}
var a=func('smartphones');
var b=func('tv');