javascript функция поиска как в файлах vscode

Question

Я пытаюсь понять, как сделать функцию поиска в раскрывающемся списке в javscript, которая работает как поиск файлов CTRL+P в vscode. Поисковый запрос должен автоматически включать подстановочные знаки.
Например, я набираю inds, а vscode находит ind ex.j s файл. Как сделать что-то подобное в javscript, используя, например, indexOf?

Спасибо

Answer 1

То, что вы ищете, называется нечеткие искатели . Вы можете найти множество пакетов, просто погуглив.

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

Например:

• Предохранитель. js
• Fuzzysearch
• et c

Answer 2

Скоро мы его закодируем. Итак, я хотел бы рассказать вам о самом простом способе использования алгоритма. Это может дать вам представление и помочь вам получить его в голове. Если вы хотите сделать их только с ванилью javascript без использования какой-либо библиотеки:

Html и Css:

1 -Создайте экран поиска с помощью HTML css.

2 -Измените и не отображайте ничего с css в какой позиции и где вы хотите, чтобы экран поиска появлялся на экране.

Javascript:

3 - Используйте события keyup или keydown для нажатия той же клавиши в окне, которое вы используете. (Вы можете проверить здесь Как определить, нажаты ли несколько клавиш одновременно, используя JavaScript? )

4 - сделать блок отображения экрана вызова при нажатии той же клавиши.

5 - после открытия экрана поиска напишите функцию о том, каким должен быть поиск.

6 - в этом разделе вы можете использовать индекс или аналогичные методы поиска для отображения блока, если есть - это элемент, и не отображать ничего, если его нет.

Это простейший базовый алгоритм c, который я когда-либо писал. Если у вас ничего не получится, напишите, пожалуйста. Я бы хотел это изучить. Удачи!