JavaScript - создаем динамический поиск (используем события js, fetch, map, filter, forEach, regex)

[@mikhail_one]

Что бы стразу же получать данные из поля ввода можно повесить на него input.addEventListener('input', (e)=>{ //ваш код })

[@Дмитрий-л4с9х]

Классный формат: не слишком долгий и полезный. Было бы здорово увидеть в подобном формате какой-то не слишком сложный проект с ООП. Эта тема редко встречается, хочется понять как это делать правильно. P.s. Всем советчикам в комментариях, которые "знают как лучше было сделать" большой привет и пожелания крепкого здоровья!

[@stackdev]

Спасибо за поддержку!

[@sno-oze]

Как говорят: если пытаетесь решить проблему регуляркой, значит у вас теперь 2 проблемы - это регулярка и ваша проблема. По сути, можно и обычными includes и toLowerCase() решить, НО, в рамках обучения, можно и regex. Like!

[@ИловМакс]

Регулярки огонь, если их знать. Если слабо знаешь, то действительно, это больше проблема

[@GamingTest]

Вернулся!

[@BigDaveCz]

как можно кликать на станции чтобы сразу искало ?

[@nhrafun]

Странно, что преподаёте фетч, но ловить ошибки не учите. По вашей ссылке на json - 404. Странно, что еще нет вопросов, типа "все как в видео делаю, а станции не получаю". Всегда нужно проверять респонс (if(!response.ok)). И естественно .catch((error) => )...

[@valentinknoll4106]

Да, надо catch тоже использовать! Но не в этом дело, автор показывает одно из решений этой задачи. А остальное все мелочи, можно самому добавить что хочете, github, SQL Server, итп....

[@Expertdog]

Интересное и полезное видео. Благодарю за труд! Только вопрос: api со станциями метро сами делали или есть готовое решение? Like!!!

[@stackdev]

Спасибо! Есть несколько опубликованных апи со станциями...

[@mike-aaa]

Хм.... странно... проделать ВСЮ работу в функции и потом проверить на нужность! А еще в подмене нужно использовать $&, а не введеное значание, иначе регистры сломаются text.replace(regExp, '$&')

[@АндрейХлыбов-н5т]

Спасибо

[@UCmdrhccjVM95UidL5idZw2Q]

Ура!

[@ИринаИрина-ш5ы7р]

А можно ли добится подобного функционала если писать в старом стандарте es5?

[@s.v.buldakov7396]

💥💥💥

[@ИловМакс]

Ахахах, почему match, если совпадение затем нигде не используется? Тогда test() достаточно, match очень сильно грузит проц на нормальном объеме (не учебном)

[@ИловМакс]

А зачем фраг g? Если есть одно совпадение в названии, то этого уже достаточно

[@valentinknoll4106]

👍

[@dictordozel]

Еще можно через startsWith решить

[@WockeezChannel]

startsWith будет искать по началу строки, а регулярки по всем буквам

[@AnatolyGradovoy]

лови лайкосик

[@ЭдуардКондратьков]

Здравствуйте, подскажите почему при замене в 39строке стрелочной функции station => на обычную -function(station) код падает? (перестает корректно выделять буквы). Как вообще правильно здесь будет заменить стрелочную на function?

[@nhrafun]

Нужно курить документацию по JS, конкретно раздел "this у стрелочных функций"

[@Andrejj14]

странные решение) Сложно, о простом)

[@botsynth]

а как проще?

[@nonicknameee]

​@@botsynth а проще такие типы, которые критикуют предложить не могут, только желчью плюются

[@МихаилКозлов-ы7ф]

Зачем же так усложнять 😂

[@nonicknameee]

Да предложи легче вариант, давай. Если твой варик действительно легче ты его прям здесь сможешь написать