Регулярные выражения в JavaScript за 1 час | Уроки JavaScript
Вставка
- Опубліковано 16 чер 2024
- Разберём способы задания, флаги, методы, буквенные классы, якоря, наборы, диапазоны, квантификаторы, жадность и лень, группы захвата и др. Всё с практикой и примерами.
🍀 Поддержать канал: www.donationalerts.com/r/webe...
☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: webelart.com/illustration.
✍️ Мой telegram channel: t.me/webelart
🏰 Английский UA-cam: @webelart_en
💁🏼♀️ Инстаграм: / webelart
🦄 LinkedIn: / webelart
Шпаргалка к уроку: / shpargalka-51687447
Мой сайт: webelart.com.
00:00 введение.
00:35 патреон.
01:17 объявление.
04:58 флаги.
09:17 методы.
14:50 буквенные классы.
18:40 якоря.
22:19 пропуск специальных символов.
25:58 наборы и диапазоны.
31:22 квантификаторы.
35:58 жадность и лень.
39:52 группы захвата.
45:00 оператор ИЛИ (OR).
46:02 практика.
53:29 дополнительности.
ССЫЛКИ
- Сайт для тестирования регулярных выражений: regexr.com
- Учебник по регулярным выражениям: learn.javascript.ru/regular-e...
На канале я рассматриваю различные темы веб-разработки, как для новичков, так и для профессионалов.
Елена спасибо огромное за глубокое погружение в тему! Ваши уроки самые лучшие в сети! Видео в топ ютуба!!!
На мой взгляд лучшее видео про регулярки, которое я когда-либо смотрел. Спасибо!
Спасибо!!! По Вашему видеоуроку делаю задания к стажировке! Есть все, нет необходимости искать что-то дополнительно!!!
Только нашел твой контент, так как только учу js, насмотрелся уже всякого, но твоя манера выдачи и структура - одна из лучших, максимально понятно и доходчиво, спасибо тебе😊
Очень крутой контент! Не понимаю почему так мало просмотров. Елена, если будет возможность,запишите что-то интересное по Реакту. Спасибо!
Большое спасибо! Просто суперский урок. Все четко и ни грамма воды)
Спасибо большое за урок, вы настоящая находка для меня :)
Елена, спасибо за простое и доступное объяснение! продвижения вашему каналу
Супер! Спасибо за урок)
Отличный урок. Спасибо большое!)
Отлично объяснила, как и в каждом видео. Елена, лучшая ,спасибо!
Спасибо большое, Елена!
прелестное видео. четко по пунктам с таимкодами. сохранил себе в закладки как шпаргалку
полезный урок ! Леночка спасибо большое за труд!
❤️
Спасибо за урок! долго не вдуплял все эти штуки с replace\/ и все такое)
большое спасибо, очень здорово объясняете, однозначно лайк))
Спасибо, приятно смотреть)
Офигеть круто!!! Не зря подписался на канал! Спасибо!
Спасибо Вам, действительно на таких полезных роликах должно быть намного больше просмотров и лайков! Вы молодец!))))
Спасибо! ❤️
пытался понять - 're' у многих блогеров - не получалось, как - то туго всё шло. тут же процентов на 70 всё понял. спасибо за урок!! ❤️
спасибо большое, всё четко, понятно, и хорошая передача информаций! :)
❤️
Позитив через экран чувствуется, молодец.
Видос про регулярки тоже хороший)
😘❤️
Спасибо)) интересно очень
Елена, спасибо огромное!!!
❤❤❤
Недооценненный канал, люди потписывайтесь, довольно качественное и полное изложение материала, поддержите автора.
Спасибо за контенет! Продолжай!
❤️
супер! Спасибо большое!
Классный урок! Благодаря вам разобрался в этой теме, и теперь решаю задачи на CodeWars гораздо быстрее и гибче!
Годнота, спасибо !
Спасибо. Очень понятно и доходчиво. Не слишком медленно, не слишком быстро, вполне обстоятельно и легко заходит. Единственный момент, вот эти громкие музыкальные вставки, в перерывах между разделами, это излишне. Просто у вас спокойный голос и тишина на заднем плане, и тут резко - бац! Громкая музыка. Которая еще и по тональности громче чем звук в основном коненте, вы бы хоть выравнивание сделали.
Круто 🔥🔥🔥 жаль не все показали( ждем проду.
Спасибо!
Круто!
Спасибо за видео! Все четко, последовательно, вообще огонь!
не очень поняла про квантификаторы, а точнее почему /[a-z]{2}/.test("YA") - выдает false. Если с цифрами, то все ок, то есть если
/\d/{2}.test("12") - выдает true
С диапазоном что-то не так, я думала, что /[a-z]{2}/.test("YA") будет искать любые две буквы
🤣🤣🤣🤣🤣пока писала вопрос, поняла в чем причина)
Регистр забыла!!!
спасибо Сестра Классный урок
О господи, это лучшее что я видел😳🥰
Ого! 😍 Очень приятно, спасибо!
Круто, очень понятно
❤️❤️❤️
круто!
Вы просто 🔥🔥🔥🔥
Прекрасный контент.) Хотел бы я, чтобы у вашего канала было как можно больше подписчиков и просмотров.) А что, если попробовать кооперацию с другими айти - блогерами?
Леночка, ради тебя и поехали, и полетели, и пришли. Лучшая!
😊😘
Крутая !!!
Спасибо
Спасибо.
Короче, хорошее видео. ))
Добрый день. А как например заменить третью по счету точку на запятую в строке, разделённой точками. Скобочные группы надо использовать?
Спасибо за видео, завтра собес и будет эта тема на тех задании. Смог закрепить свои знания
Рада, что видео помогло! Удачи на собесе! ❤️
Здравствуйте. В какой программе вы проверяете?
👏👍
Я люблю ваш стиль преподавание!)молодец это круто,я недавно начал учиться Html,это помогло мне очень,
Спасибо, очень приятно! 🌹
Здравствуйте.
Подскажите пожалуйста как c помощью регулярного выражением выбрать только консоль лог и скобки без содержимого в нем? До применения регулярного выражения console.log('regx', bottom, 123-6 -15f () false || true), после применения регулярного выражения console.log()
шо вы за богиня объяснения? великолепно!
Спасибо! ❤
@@webelart я могу у вас спросить, не смог найти на стэковерфлоу
вот у меня есть строки различные и я пишу функцию, чтобы находились внутри этой строки буквы которые повторяются 2 или более раз, причем неважно повторилась буква 2 или 700 раз - я должен получить только один элемент в массив, например слово 'aabbccde' - вернет массив из 3 элементов, а слово invisibility - только один, я написал вот так - let count = arr.match(/(\w)\1/g) - но он мне возвращает в слово invisibility 2 пары букв "I", а мне нужно только одну.
😉👍
Лайк..!
Как же благодарен ютубу за его рекомендации.
И вам тоже благодарен ❤️
❤️❤️❤️
На группе захвата сломался, благодарю за урок!
Можете попозже вернуться ещё раз. Я ее тоже не сразу поняла. Рекомендую учебник learn.javascript.ru раздел про регулярки. Очень хорошо там тоже описывается. При подготовке этого видео я использовала его ☺️
Это урок для тех кто хоть что то знает - а я, например, ничего не знаю в скриптах - и чтоб мне понять о чем идет речь, для меня нужно разжевывать каждую скобку, точку, букву... думаю и остальным полным новичкам так нужно.
Да, вы абсолютно правы. Текущее видео будет тяжело восприниматься самыми начинающими JavaScript разработчиками, т.к. даже тема регулярных выражений не самая простая. И предварительно, конечно, нужно изучить синтаксис Javascript-а, понять как работает язык, порешать задачки.
Очень жаль: а мне нужны основы основ@@webelart
Спасибо что увеличили размер экрана))
Слава богу я думал будет 22 урока по регуляркам☺
пока только один. 🚀
Спасибо Вам большое за полезные уроки!🙏🏻❤️
Не могли бы вы помочь разобраться, изучаю JavaScript ( Переменная a = 'foo' , а переменная b = 'bar'
Чему будет равен результат выражения: a+ +b )
Буду очень благодарна!😍
Почитайте про преобразование типов learn.javascript.ru/type-conversions 😘
@@webelart спасибо❤️
@@quite10 let a = 'foo';
let b = 'bar';
console.log(a+ +b);
NaN
@@quite10 но лучше ещё уточнить, потому что JS изучаю не на курсах, а видео разные смотрю), если актуально)
@@user-er3le7uo6v было бы неплохо, если бы кто-то объяснил😅 я сама только начала учить JavaScript и решила поделать разные задания и в этом хочу разобраться😌😊
31:05 может кто-то подсказать пример с символом ], куда только не совал ее в квадратных скобках
топ
в checkUrl вы использовали символ :
что он обозначает?
Насколько я понимаю вы про : здесь ...http(s)?:\/\/... Это : не относится к символам регулярного выражения, это просто проверка адреса
@@webelart вот я дурак, спасибо теперь всё понятно, отличный урок кстати)
@@Obraveliss Спасибо! 😊
всем привет!может кто-нибудь подсказать ,какое регулярное выражение будет соответствовать поиску подстроки в скобках, например в строке mike(Hello World!) мне нужно выражение Hello world!. Сам пробовал /\((\w+)\)/ (без флагов) и через метод match вывел в индексе 1 искомую подстроку.Но хотелось бы для саморазвития не использовать группу захвата, чтобы прям в индексе 0 выводилось искомое. Если кто-то откликнется, поясните пожалуйста каждый символ
55:55
ua-cam.com/video/2CW1wVtnzi4/v-deo.html - почему сразу не объяснить зачем нужна галка? кстатьи i - ignore case, g - global, m - match. я считаю это тоже надо проговаривать, т.к. js имеет АНГЛИЙСКИЙ синтаксис!)
Здравствуйте, вы некорректно объясняете работу квантификаторов. 31:30
Вы говорите, что {3,} в любом случае будет выдавать true если в строке более трех цифр, а {3} выдаст true при точном совпадении (в примере показываете строку из двух цифр и действительно выводится false). Но если указать больше трех цифр будет выведено true. То есть и в случае /\d{3}/ и в случае /\d{3,}/ в строке где более трех цифр test выдаст True
Здравствуйте, да есть такое, что если добавить больше 3-х цифр \d{3} будет тоже отрабатывать. Потому что важно найти именно 3 цифры что там до и после не важно, могут быть вновь цифры, могут быть буквы. Если например ^\d{3}$ использовать вот такую регулярку (т.е. обозначить начало и конец), то она допустит только 3 цифры ровно, не больше и не меньше.
Можно также такие темы для replace использовать, вытаскивать первые три цифры и заменять 'sdsdf456345'.replace(/\d{3}/, 'd'), вытащит ровно первые три цифры.
нужно посчитать слово "короче" в этом видео)) почему то веселит
🤣
@@webelart но за видео спасибо, конечно же, наконец то появился сдвиг в регулярках у меня) после просмотра, попробовал сделать регулярку, которую нужно было по работе и которую просил сделать коллег, которые шарят) и у меня получилось!
@@mr.h1de352 Очень круто! Я вас поздравляю!❤
От какого слова произошёл флаг i ?
посмотрел до 7:07
Что кого это видио? Наверно для тех кто уже знает что такое гегулярные выражения! Иначе как можно не обявнив скакать
.test .match. Что скрвываеться под словами глобальный поис)) если имееться в виду только первое вхождение и все вхождения.
Судя по комментариям видео подошло очень многим и помогло. На нём кстати очень мало в целом негативных комментариев, а это очень серьёзный показатель хорошего качества.
И то как оно поможет зависит не только от меня. Взаимодействие - это когда есть рассказ и есть вопросы. Я рассказала, вы можете задать вопрос, уточнить или поискать ещё где-то конкретно и взять то, чего вам не хватило. Обычно так работает любое обучение. Успехов вам в нём! ❤️
Посмотрела ролик, думала найду в нем ответ на свой вопрос, но нет(
Здравствуйте Яна, какой вопрос интересовал?
не работает шпаргалка. не окрывает сайт
Держите drive.google.com/drive/folders/1wVFXCFvfAItR5_eF4ZD2N6zkfrSFU5yc?usp=share_link
Ещё в свою группу телеграмм скину t.me/webelart
нужен +1 кодер на разработку сайта
Возникла проблема,я не могу открыть консоль что бы проверять
галопом по Европам без понятного объяснения
Ппц симпатяга. Не могу сосредоточиться из-за этого на программировании...
😂❤
Спасибо!
Спасибо
Спасибо!