Форум программистов, компьютерный форум, киберфорум
JavaScript: RegExp
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/21: Рейтинг темы: голосов - 21, средняя оценка - 4.57
 Аватар для Abatur
0 / 0 / 0
Регистрация: 17.09.2014
Сообщений: 18

Как сделать фильтрацию списка?

17.09.2014, 09:58. Показов 4509. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
И снова здравствуйте! Помогите, пожалуйста, новичку)) У меня есть список фраз, нужно сделать фильтрацию по вводимому в текстовое поле слову. Обязательно использование регулярных выражений. Сроки поджимают, паника, голова совсем не варит)))
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
17.09.2014, 09:58
Ответы с готовыми решениями:

Как сделать фильтрацию массива?
Есть код, в нём несколько имён, и при вводе определённого имени к примеру chris высвечивается окно с тем именем которое вы ввели. Нужно с...

Как сделать редактирование списка ?
Необходимо в web interface сделать редатирование списка. Хотелось бы чтобы это состояло из следующих вещей: 1. read only list box...

Как сделать выбранный элемент списка через js?
Мне нужно, чтобы из списка выводился по счёту второй пункт. Что-то наподобие такого кода, только рабочего ...

8
835 / 643 / 101
Регистрация: 20.08.2013
Сообщений: 2,524
17.09.2014, 20:01
JavaScript
1
2
3
4
// Without regexp
["И снова здравствуйте!", "Помогите, пожалуйста, новичку))", "У меня есть список фраз, нужно сделать фильтрацию по вводимому в текстовое поле слову.", "Обязательно использование регулярных выражений.", "Сроки поджимают, паника, голова совсем не варит)))"].filter(function(s) { return ~s.indexOf("ис") });
// With regexp
["И снова здравствуйте!", "Помогите, пожалуйста, новичку))", "У меня есть список фраз, нужно сделать фильтрацию по вводимому в текстовое поле слову.", "Обязательно использование регулярных выражений.", "Сроки поджимают, паника, голова совсем не варит)))"].filter(function(s) { return s.match(/ис/) });
0
 Аватар для Abatur
0 / 0 / 0
Регистрация: 17.09.2014
Сообщений: 18
17.09.2014, 21:11  [ТС]
Не могли бы Вы объяснить подробнее? это функция, которую нужно в обработчик вставить? То есть то, что указано в квадратных скобках - это то из чего мы выбираем, то, что в кавычках и слешах - это значение, по которому происходит фильтрация, а s - результат фильтрации? Я правильно поняла?
0
835 / 643 / 101
Регистрация: 20.08.2013
Сообщений: 2,524
17.09.2014, 22:11
Цитата Сообщение от Abatur Посмотреть сообщение
То есть то, что указано в квадратных скобках - это то из чего мы выбираем
Да, массив фраз.

Цитата Сообщение от Abatur Посмотреть сообщение
что в кавычках и слешах - это значение, по которому происходит фильтрация
Да. В первом случае строка, во втором - регулярное выражение.

Цитата Сообщение от Abatur Посмотреть сообщение
s - результат фильтрации
Нет.
0
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
17.09.2014, 22:13
Abatur, не совсем - s - это первый аргумент фильтруещей функции (может, кто понятнее скажет)
А результат фильтрации возвращает всё выражение.
0
 Аватар для Abatur
0 / 0 / 0
Регистрация: 17.09.2014
Сообщений: 18
17.09.2014, 22:24  [ТС]
Не поняла про первый аргумент...

Добавлено через 10 минут
И может ли быть в слешах переменная, допустим, значение текстового поля?
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
18.09.2014, 10:33
Abatur,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<input id="search" />
<button onclick="search();">Поиск</button>
<script>
var search = function () {
    var text = document.getElementById("search").value;
    var expr = new RegExp(text, 'ig');
    var result = ["И снова здравствуйте!", "Помогите, пожалуйста, новичку))", "У меня есть список фраз, нужно сделать фильтрацию по вводимому в текстовое поле слову.", "Обязательно использование регулярных выражений.", "Сроки поджимают, паника, голова совсем не варит)))"].filter(function(elem) {
        return elem.match(expr);
    })
    console.log(result);
}
</script>
1
 Аватар для Abatur
0 / 0 / 0
Регистрация: 17.09.2014
Сообщений: 18
19.09.2014, 15:42  [ТС]
Я запуталась. Хотелось бы попробовать разобраться еще раз. У меня есть список (<ul></ul>), элементами которого являются абзацы текста. Есть поле, в которое нужно вводить текст для поиска. В итоге на странице должны остаться только те абзацы из списка, которые содержат введенный в поле текст, остальные абзацы скрываются. Как это сделать, используя регулярные выражения?

P.S. Простите за обилие дурацких вопросов, я только учусь)))
0
279 / 279 / 62
Регистрация: 28.08.2014
Сообщений: 432
20.09.2014, 20:48
Abatur, у Вас уже почти всё есть.
<input id="search" /> - это поле, куда вводить текст.
<button onclick="search();">Поиск</button> - это кнопка, при клике на которую запускается функция search().
Надо только немного подправить саму функцию.
Это оставляем:
JavaScript
1
2
var text = document.getElementById("search").value;
var expr = new RegExp(text, 'ig');
Здесь считывается текст из поля ввода и из него делается регулярное выражение.

Теперь нужно считать текст из всех li
JavaScript
1
$("li").text()
проверить на совпадение с шаблоном
JavaScript
1
$("li").text().search(expr)
И, если совпадений нет (т.е. результат .search(expr) равен -1), спрятать этот кусок текста. Причем так делаем для каждого li:
JavaScript
1
2
3
4
5
$("li").each(function() {
  if ($(this).text().search(expr)==-1) {
  $(this).hide();
  }
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.09.2014, 20:48
Помогаю со студенческими работами здесь

Подскажите, пожалуйста, как на основе одного раскрываюшегося списка произвести фильтрацию в другом
Здравствуйте, помогите, пожалуйста! На форме 2 раскрывающихся списка: &quot;Учебник&quot; и &quot;Глава&quot;, в первом перечень учебников,...

Как сделать фильтрацию по edit?
Здравствуйте дорогие форумчане. Прошу Вас помочь создать фильтрацию по Edit. На форумах есть примеры, но у меня по ним выходит ошибка: ...

Как сделать фильтрацию по тв-параметрам
Есть сайт banknauk.ru На главной фильтры по tv - параметрам: price, lesson, typeofwork в виде выпадающего списка Как можно...

Как сделать фильтрацию/поиск по бд ?
Имеется форма Wpf. На ней лежит DataGrid с именем grid1. В DataGrid выводится таблица из локальной бд sql запросами. Как сделать...

Как сделать фильтрацию в таблицы
Всем привет. У меня есть база в аксесе, DBRgid, Edit и Button. Как мне сделать фильтрацию данных по таблице по определенному полю. Чтобы я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Киев стоит - украинская песня
zorxor 28.01.2026
wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru