Регулярные выражения в JavaScript за 1 час | Уроки JavaScript

Разберём способы задания, флаги, методы, буквенные классы, якоря, наборы, диапазоны, квантификаторы, жадность и лень, группы захвата и др. Всё с практикой и примерами.
🍀 Поддержать канал: www.donationalerts.com/r/webe...
☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: webelart.com/illustration.
✍️ Мой telegram channel: t.me/webelart
🏰 Английский KZbin: @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...
На канале я рассматриваю различные темы веб-разработки, как для новичков, так и для профессионалов.

[@ankub7835]

Только нашел твой контент, так как только учу js, насмотрелся уже всякого, но твоя манера выдачи и структура - одна из лучших, максимально понятно и доходчиво, спасибо тебе😊

[@aaronvasilev2371]

На мой взгляд лучшее видео про регулярки, которое я когда-либо смотрел. Спасибо!

[@user-qu5ff6dw8h]

Елена спасибо огромное за глубокое погружение в тему! Ваши уроки самые лучшие в сети! Видео в топ ютуба!!!

[@aliakseyshliakhtsionak9006]

Спасибо!!! По Вашему видеоуроку делаю задания к стажировке! Есть все, нет необходимости искать что-то дополнительно!!!

[@kostyakykyshkin7974]

Большое спасибо! Просто суперский урок. Все четко и ни грамма воды)

[@asvencesornament7677]

Спасибо большое за урок, вы настоящая находка для меня :)

[@kati3474]

Очень крутой контент! Не понимаю почему так мало просмотров. Елена, если будет возможность,запишите что-то интересное по Реакту. Спасибо!

[@tim4ua]

Елена, спасибо за простое и доступное объяснение! продвижения вашему каналу

[@user-dz9tl3ud3y]

Отличный урок. Спасибо большое!)

[@kraysmax3715]

Недооценненный канал, люди потписывайтесь, довольно качественное и полное изложение материала, поддержите автора.

[@user-hx1qi7sw1q]

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

[@DevAccount-rq4ni]

Отлично объяснила, как и в каждом видео. Елена, лучшая ,спасибо!

[@user-xw8ur4sc6t]

прелестное видео. четко по пунктам с таимкодами. сохранил себе в закладки как шпаргалку

[@Voojinful]

Спасибо за урок! долго не вдуплял все эти штуки с replace\/ и все такое)

[@nat_khomich]

большое спасибо, очень здорово объясняете, однозначно лайк))

[@svetlanazheleykina4113]

Спасибо большое, Елена!

[@5555Elenka]

полезный урок ! Леночка спасибо большое за труд!

[@webelart]

❤️

[@serhiikvas4038]

пытался понять - 're' у многих блогеров - не получалось, как - то туго всё шло. тут же процентов на 70 всё понял. спасибо за урок!! ❤️

[@progerlife6690]

Офигеть круто!!! Не зря подписался на канал! Спасибо!

[@nikitashpigel8967]

Классный урок! Благодаря вам разобрался в этой теме, и теперь решаю задачи на CodeWars гораздо быстрее и гибче!

[@vladvoloshenko5701]

Спасибо, приятно смотреть)

[@eduardgrigoryan6052]

спасибо большое, всё четко, понятно, и хорошая передача информаций! :)

[@webelart]

❤️

[@user-er3le7uo6v]

Спасибо Вам, действительно на таких полезных роликах должно быть намного больше просмотров и лайков! Вы молодец!))))

[@webelart]

Спасибо! ❤️

[@mind150]

Спасибо)) интересно очень

[@wh1teb1ack92]

Позитив через экран чувствуется, молодец. Видос про регулярки тоже хороший)

[@webelart]

😘❤️

[@aleksandrgurnak3911]

супер! Спасибо большое!

[@WebEnv]

Спасибо за контенет! Продолжай!

[@webelart]

❤️

[@bikadV]

Спасибо. Очень понятно и доходчиво. Не слишком медленно, не слишком быстро, вполне обстоятельно и легко заходит. Единственный момент, вот эти громкие музыкальные вставки, в перерывах между разделами, это излишне. Просто у вас спокойный голос и тишина на заднем плане, и тут резко - бац! Громкая музыка. Которая еще и по тональности громче чем звук в основном коненте, вы бы хоть выравнивание сделали.

[@user-el8mi1sd2u]

Годнота, спасибо !

[@Igoryn1966]

Елена, спасибо огромное!!!

[@webelart]

❤❤❤

[@user-tk7qv9rv2c]

Спасибо за видео! Все четко, последовательно, вообще огонь! не очень поняла про квантификаторы, а точнее почему /[a-z]{2}/.test("YA") - выдает false. Если с цифрами, то все ок, то есть если /\d/{2}.test("12") - выдает true С диапазоном что-то не так, я думала, что /[a-z]{2}/.test("YA") будет искать любые две буквы 🤣🤣🤣🤣🤣пока писала вопрос, поняла в чем причина) Регистр забыла!!!

[@temarukz]

Круто 🔥🔥🔥 жаль не все показали( ждем проду.

[@socialpeach]

Леночка, ради тебя и поехали, и полетели, и пришли. Лучшая!

[@webelart]

😊😘

[@shittywizzard5727]

Спасибо!

[@Cyanogeh]

О господи, это лучшее что я видел😳🥰

[@webelart]

Ого! 😍 Очень приятно, спасибо!

[@user-pm4fz1rn5q]

Круто!

[@fackdoll]

спасибо Сестра Классный урок

[@RinatWOT]

Круто, очень понятно

[@webelart]

❤️❤️❤️

[@escobar929]

Вы просто 🔥🔥🔥🔥

[@nikolatesla1892]

Я люблю ваш стиль преподавание!)молодец это круто,я недавно начал учиться Html,это помогло мне очень,

[@webelart]

Спасибо, очень приятно! 🌹

[@Rj-us1ck]

Прекрасный контент.) Хотел бы я, чтобы у вашего канала было как можно больше подписчиков и просмотров.) А что, если попробовать кооперацию с другими айти - блогерами?

[@ivanmarchuk9252]

круто!

[@user-me4pb8qs2t]

Крутая !!!

[@zaurdyshekov9186]

Спасибо.

[@creese85]

Спасибо

[@alexandregorov3239]

шо вы за богиня объяснения? великолепно!

[@webelart]

Спасибо! ❤

[@alexandregorov3239]

@@webelart я могу у вас спросить, не смог найти на стэковерфлоу вот у меня есть строки различные и я пишу функцию, чтобы находились внутри этой строки буквы которые повторяются 2 или более раз, причем неважно повторилась буква 2 или 700 раз - я должен получить только один элемент в массив, например слово 'aabbccde' - вернет массив из 3 элементов, а слово invisibility - только один, я написал вот так - let count = arr.match(/(\w)\1/g) - но он мне возвращает в слово invisibility 2 пары букв "I", а мне нужно только одну.

[@user-kk2qy5qz8j]

Спасибо за видео, завтра собес и будет эта тема на тех задании. Смог закрепить свои знания

[@webelart]

Рада, что видео помогло! Удачи на собесе! ❤️

[@sam_starikov]

Короче, хорошее видео. ))

[@nikolaizarezako9344]

Как же благодарен ютубу за его рекомендации. И вам тоже благодарен ❤️

[@webelart]

❤️❤️❤️

[@egoist2956]

Лайк..!

[@jamjam3337]

👏👍

[@user-ho1kb8jh5w]

😉👍

[@user-zj3ox1oh6n]

Добрый день. А как например заменить третью по счету точку на запятую в строке, разделённой точками. Скобочные группы надо использовать?

[@PS-tn6mc]

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

[@webelart]

Да, вы абсолютно правы. Текущее видео будет тяжело восприниматься самыми начинающими JavaScript разработчиками, т.к. даже тема регулярных выражений не самая простая. И предварительно, конечно, нужно изучить синтаксис Javascript-а, понять как работает язык, порешать задачки.

[@PS-tn6mc]

Очень жаль: а мне нужны основы основ@@webelart

[@sepulz]

На группе захвата сломался, благодарю за урок!

[@webelart]

Можете попозже вернуться ещё раз. Я ее тоже не сразу поняла. Рекомендую учебник learn.javascript.ru раздел про регулярки. Очень хорошо там тоже описывается. При подготовке этого видео я использовала его ☺️

[@clannajebyan]

Здравствуйте. В какой программе вы проверяете?

[@figura-a]

Здравствуйте. Подскажите пожалуйста как c помощью регулярного выражением выбрать только консоль лог и скобки без содержимого в нем? До применения регулярного выражения console.log('regx', bottom, 123-6 -15f () false || true), после применения регулярного выражения console.log()

[@quite10]

Спасибо Вам большое за полезные уроки!🙏🏻❤️ Не могли бы вы помочь разобраться, изучаю JavaScript ( Переменная a = 'foo' , а переменная b = 'bar' Чему будет равен результат выражения: a+ +b ) Буду очень благодарна!😍

[@webelart]

Почитайте про преобразование типов learn.javascript.ru/type-conversions 😘

[@quite10]

@@webelart спасибо❤️

[@user-er3le7uo6v]

@@quite10 let a = 'foo'; let b = 'bar'; console.log(a+ +b); NaN

[@user-er3le7uo6v]

@@quite10 но лучше ещё уточнить, потому что JS изучаю не на курсах, а видео разные смотрю), если актуально)

[@quite10]

@@user-er3le7uo6v было бы неплохо, если бы кто-то объяснил😅 я сама только начала учить JavaScript и решила поделать разные задания и в этом хочу разобраться😌😊

[@pahaivanov1611]

Спасибо что увеличили размер экрана))

[@user-tb3mm6dl3z]

Слава богу я думал будет 22 урока по регуляркам☺

[@webelart]

пока только один. 🚀

[@andrew2340]

kzbin.info/www/bejne/aHS6YqqMqdOtn5Y - почему сразу не объяснить зачем нужна галка? кстатьи i - ignore case, g - global, m - match. я считаю это тоже надо проговаривать, т.к. js имеет АНГЛИЙСКИЙ синтаксис!)

[@user-jm5pp7lm8b]

топ

[@Obraveliss]

в checkUrl вы использовали символ : что он обозначает?

[@webelart]

Насколько я понимаю вы про : здесь ...http(s)?:\/\/... Это : не относится к символам регулярного выражения, это просто проверка адреса

[@Obraveliss]

@@webelart вот я дурак, спасибо теперь всё понятно, отличный урок кстати)

[@webelart]

@@Obraveliss Спасибо! 😊

[@Kirill-ve5lc]

31:05 может кто-то подсказать пример с символом ], куда только не совал ее в квадратных скобках

[@user-ss7bm2id5c]

всем привет!может кто-нибудь подсказать ,какое регулярное выражение будет соответствовать поиску подстроки в скобках, например в строке mike(Hello World!) мне нужно выражение Hello world!. Сам пробовал /\((\w+)\)/ (без флагов) и через метод match вывел в индексе 1 искомую подстроку.Но хотелось бы для саморазвития не использовать группу захвата, чтобы прям в индексе 0 выводилось искомое. Если кто-то откликнется, поясните пожалуйста каждый символ

[@mr.h1de352]

нужно посчитать слово "короче" в этом видео)) почему то веселит

[@webelart]

🤣

[@mr.h1de352]

@@webelart но за видео спасибо, конечно же, наконец то появился сдвиг в регулярках у меня) после просмотра, попробовал сделать регулярку, которую нужно было по работе и которую просил сделать коллег, которые шарят) и у меня получилось!

[@webelart]

@@mr.h1de352 Очень круто! Я вас поздравляю!❤

[@palyura1162]

посмотрел до 7:07 Что кого это видио? Наверно для тех кто уже знает что такое гегулярные выражения! Иначе как можно не обявнив скакать .test .match. Что скрвываеться под словами глобальный поис)) если имееться в виду только первое вхождение и все вхождения.

[@webelart]

Судя по комментариям видео подошло очень многим и помогло. На нём кстати очень мало в целом негативных комментариев, а это очень серьёзный показатель хорошего качества. И то как оно поможет зависит не только от меня. Взаимодействие - это когда есть рассказ и есть вопросы. Я рассказала, вы можете задать вопрос, уточнить или поискать ещё где-то конкретно и взять то, чего вам не хватило. Обычно так работает любое обучение. Успехов вам в нём! ❤️

[@geghamkirakosyan472]

55:55

[@user-cg4ff5yy7d]

От какого слова произошёл флаг i ?

[@Spbvbg]

Здравствуйте, вы некорректно объясняете работу квантификаторов. 31:30 Вы говорите, что {3,} в любом случае будет выдавать true если в строке более трех цифр, а {3} выдаст true при точном совпадении (в примере показываете строку из двух цифр и действительно выводится false). Но если указать больше трех цифр будет выведено true. То есть и в случае /\d{3}/ и в случае /\d{3,}/ в строке где более трех цифр test выдаст True

[@webelart]

Здравствуйте, да есть такое, что если добавить больше 3-х цифр \d{3} будет тоже отрабатывать. Потому что важно найти именно 3 цифры что там до и после не важно, могут быть вновь цифры, могут быть буквы. Если например ^\d{3}$ использовать вот такую регулярку (т.е. обозначить начало и конец), то она допустит только 3 цифры ровно, не больше и не меньше. Можно также такие темы для replace использовать, вытаскивать первые три цифры и заменять 'sdsdf456345'.replace(/\d{3}/, 'd'), вытащит ровно первые три цифры.

[@X512GB]

нужен +1 кодер на разработку сайта

[@user-uk2hx3ur2c]

Посмотрела ролик, думала найду в нем ответ на свой вопрос, но нет(

[@webelart]

Здравствуйте Яна, какой вопрос интересовал?

[@user-ns1it1ww4q]

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

[@andrew2340]

галопом по Европам без понятного объяснения

[@johnenglish5898]

не работает шпаргалка. не окрывает сайт

[@webelart]

Держите drive.google.com/drive/folders/1wVFXCFvfAItR5_eF4ZD2N6zkfrSFU5yc?usp=share_link Ещё в свою группу телеграмм скину t.me/webelart

[@sasniykun3829]

Ппц симпатяга. Не могу сосредоточиться из-за этого на программировании...

[@webelart]

😂❤

[@willo6723]

Спасибо!

[@Bortyk]

Спасибо

[@DorozhkinAlexandr]

Спасибо!