Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите подправить поиск на сайте (https://javascript.ru/forum/dom-window/76592-pomogite-podpravit-poisk-na-sajjte.html)

Alexko64 25.01.2019 19:51

Парни, упустил один момент. В тексте по которому идет поиск, присутствуют html теги, соответственно поиск их учитывает, попытался решить проблему вот так
function fnSearch(arr, pattern) {
    return arr.filter(function(product) {
        return pattern
	         .replace(/\<.*?>/g, "")
            .trim()
            .toLowerCase()
            .split(/\s+/)
            .every(function(p) {
                return product.html.toLowerCase().includes(p)
            });
    });
}

не помогло, потом вот так
function fnSearch(arr, pattern) {
    return arr.filter(function(product) {
        return pattern
	      .text()
            .trim()
            .toLowerCase()
            .split(/\s+/)
            .every(function(p) {
                return product.html.toLowerCase().includes(p)
            });
    });
}

не сработало
Подсобите еще разок?

рони 25.01.2019 19:59

Alexko64,
name чем не устроило?

рони 25.01.2019 20:05

Alexko64,
function fnSearch(arr, pattern) {
    return arr.filter(function(product) {
        return pattern
            .trim()
            .toLowerCase()
            .split(/\s+/)
            .every(function(p) {
                return $("<div/>", {html : product.html}).text().toLowerCase().includes(p)
            });
    });
}

Alexko64 25.01.2019 20:35

Цитата:

Сообщение от рони (Сообщение 502712)
Alexko64,
name чем не устроило?

Решил уменьшить количество кода, не дублировать данные , убрпть name совсем и искать по html

Alexko64 26.01.2019 19:55

Нашел баг или вернее специфику работы скрипта. Он не учитывает место нахождения первой буквы из запроса.
Если есть такие вариенты на сайте:

Samsung Galaxy Note 5 4GB RAN 64GB ROM
Samsung Galaxy Note 6 2GB RAM 128 ROM
Samsung Galaxy Note 7 4GB RAM 256 GB ROM
SAmsung Galaxy Note 8 6GB RAM 512 GB ROM

И поискать Samsung Galaxy Note 6, то скрипт покажет все результаты, потому-что везде есть цифра 6 и не важно в каком месте она находится.
Аналогично скрипт покажет все результаты на любой из следующих запросов:
sung alaxy, laxy 6 и тд...
Для наглядности залил пример на хостинг
http://mobidor.zzz.com.ua/test.php

рони 26.01.2019 20:18

Alexko64,
медитируйте над постом №7, и на потом, лучше формулируйте условия.

laimas 26.01.2019 20:35

Alexko64, ну тут палка о двух концах, если говорить о цифрах.

Samsung Galaxy Note 5 4GB RAN 64GB ROM - здесь 6, но это размер и полный 64
Samsung Galaxy Note 6 2GB RAM 128 ROM - здесь 6, но модель

Как понять при вводе чего ищет пользователь - модель или размер. Пусть угадали, размер, но и 64 не равно 64GB. К тому же размер ведь не только у ROM, но и RAM, что нужно возвращать если не указано GB (128 ROM) - нет или где попадется подходящее?

Вообще все это похоже на фильтр, вот только фильтр всегда определяет не только значения, но и какому параметру они принадлежат, в строке же искать такое задача нелегкая.

PS. Да еще если строки имеют ошибки, как у вас, не обязательно, что это так и есть, но от них никто не застрахован.

рони 26.01.2019 20:39

Alexko64,
function escapeRegExp(string){
    return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

function fnSearch(arr, pattern) {
    return arr.filter(function(product) {
             var text = $("<div/>", {html : product.html}).text().toLowerCase();
        return pattern
            .trim()
            .toLowerCase()
            .split(/\s+/)
            .every(function(p) {
                p = escapeRegExp(p);
                p = new RegExp("(^|\\s)"  + p, "i");
                return p.test(text)
            });
    });
}

Alexko64 26.01.2019 21:16

Цитата:

Сообщение от laimas (Сообщение 502753)
Alexko64, ну тут палка о двух концах, если говорить о цифрах.

Samsung Galaxy Note 5 4GB RAN 64GB ROM - здесь 6, но это размер и полный 64
Samsung Galaxy Note 6 2GB RAM 128 ROM - здесь 6, но модель

Как понять при вводе чего ищет пользователь - модель или размер. Пусть угадали, размер, но и 64 не равно 64GB. К тому же размер ведь не только у ROM, но и RAM, что нужно возвращать если не указано GB (128 ROM) - нет или где попадется подходящее?

Вообще все это похоже на фильтр, вот только фильтр всегда определяет не только значения, но и какому параметру они принадлежат, в строке же искать такое задача нелегкая.

PS. Да еще если строки имеют ошибки, как у вас, не обязательно, что это так и есть, но от них никто не застрахован.

Согласитесь что 6 это не 64, а 64 не равно 64GB, по этому логично ожидать что в результатах поиска их не будет. Я виже решение в сравнении жесткого соответствия каждого слова, тоисть not=not, но not не равно note, или возможно включить пробел как елемент играющий роль в запросе, тогда если после 6 поставить пробел то оно не будет равно 64...как то так. В любом случае мне кажется что вы мне помогли уже больше чем я мог надеятся по этому спасибо за все.

laimas 27.01.2019 19:30

Цитата:

Сообщение от Alexko64
логично ожидать что в результатах поиска их не будет

А польза от такого поиска если то чего ищут имеется, но не выдается? Получается, что это "как повезет", будут подбирать по объему ROM и вводить только объем без единиц, а записи только с GB, неудача, или же наоборот, или часть.

Уж тогда организовывать на клиенте фильтр, как это бы был запрос в базу по параметрам. Искать не в строке, а объектах:

{
    brand: "Samsung",
    line: "Galaxy Note",
    model: 5,
    ram: 4,
    rom: 64
},
....


Тогда проблем с подбором не будет. Главная проблема, это сделать интерактивное поле для поиска (если поиск, а не фильтр с выбором параметров), которое бы по мере ввода предлагало выбор следующего параметра, следующего, сопоставляя каждый ввод с предложенным параметром, и так до завершения ввода. В итоге нужно искать среди параметров объектов совпадения из полученного при вводе объекта.


Часовой пояс GMT +3, время: 17:00.