Тёмный

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

Елена Литвинова — Искусство Веб-разработки 🛸
Просмотров 27 тыс.
50% 1

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

Опубликовано:

 

15 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 119   
@aaronvasilev2371
@aaronvasilev2371 2 года назад
На мой взгляд лучшее видео про регулярки, которое я когда-либо смотрел. Спасибо!
@ankub7835
@ankub7835 9 месяцев назад
Только нашел твой контент, так как только учу js, насмотрелся уже всякого, но твоя манера выдачи и структура - одна из лучших, максимально понятно и доходчиво, спасибо тебе😊
@kati3474
@kati3474 3 года назад
Очень крутой контент! Не понимаю почему так мало просмотров. Елена, если будет возможность,запишите что-то интересное по Реакту. Спасибо!
@user-qu5ff6dw8h
@user-qu5ff6dw8h 2 года назад
Елена спасибо огромное за глубокое погружение в тему! Ваши уроки самые лучшие в сети! Видео в топ ютуба!!!
@asvencesornament7677
@asvencesornament7677 2 года назад
Спасибо большое за урок, вы настоящая находка для меня :)
@aliakseyshliakhtsionak9006
@aliakseyshliakhtsionak9006 2 года назад
Спасибо!!! По Вашему видеоуроку делаю задания к стажировке! Есть все, нет необходимости искать что-то дополнительно!!!
@kostyakykyshkin7974
@kostyakykyshkin7974 2 года назад
Большое спасибо! Просто суперский урок. Все четко и ни грамма воды)
@kraysmax3715
@kraysmax3715 2 года назад
Недооценненный канал, люди потписывайтесь, довольно качественное и полное изложение материала, поддержите автора.
@tim4ua
@tim4ua 2 года назад
Елена, спасибо за простое и доступное объяснение! продвижения вашему каналу
@user-dz9tl3ud3y
@user-dz9tl3ud3y Год назад
Отличный урок. Спасибо большое!)
@DevAccount-rq4ni
@DevAccount-rq4ni 4 месяца назад
Отлично объяснила, как и в каждом видео. Елена, лучшая ,спасибо!
@user-hx1qi7sw1q
@user-hx1qi7sw1q 2 года назад
Супер! Спасибо за урок)
@wh1teb1ack92
@wh1teb1ack92 2 года назад
Позитив через экран чувствуется, молодец. Видос про регулярки тоже хороший)
@webelart
@webelart 2 года назад
😘❤️
@svetlanazheleykina4113
@svetlanazheleykina4113 Год назад
Спасибо большое, Елена!
@nat_khomich
@nat_khomich 10 месяцев назад
большое спасибо, очень здорово объясняете, однозначно лайк))
@5555Elenka
@5555Elenka 3 года назад
полезный урок ! Леночка спасибо большое за труд!
@webelart
@webelart 3 года назад
❤️
@user-xw8ur4sc6t
@user-xw8ur4sc6t 2 года назад
прелестное видео. четко по пунктам с таимкодами. сохранил себе в закладки как шпаргалку
@Voojinful
@Voojinful 2 года назад
Спасибо за урок! долго не вдуплял все эти штуки с replace\/ и все такое)
@bikadV
@bikadV 3 месяца назад
Спасибо. Очень понятно и доходчиво. Не слишком медленно, не слишком быстро, вполне обстоятельно и легко заходит. Единственный момент, вот эти громкие музыкальные вставки, в перерывах между разделами, это излишне. Просто у вас спокойный голос и тишина на заднем плане, и тут резко - бац! Громкая музыка. Которая еще и по тональности громче чем звук в основном коненте, вы бы хоть выравнивание сделали.
@eduardgrigoryan6052
@eduardgrigoryan6052 2 года назад
спасибо большое, всё четко, понятно, и хорошая передача информаций! :)
@webelart
@webelart 2 года назад
❤️
@nikitashpigel8967
@nikitashpigel8967 2 года назад
Классный урок! Благодаря вам разобрался в этой теме, и теперь решаю задачи на CodeWars гораздо быстрее и гибче!
@progerlife6690
@progerlife6690 3 года назад
Офигеть круто!!! Не зря подписался на канал! Спасибо!
@vladvoloshenko5701
@vladvoloshenko5701 Год назад
Спасибо, приятно смотреть)
@serhiikvas4038
@serhiikvas4038 Год назад
пытался понять - 're' у многих блогеров - не получалось, как - то туго всё шло. тут же процентов на 70 всё понял. спасибо за урок!! ❤️
@user-er3le7uo6v
@user-er3le7uo6v 3 года назад
Спасибо Вам, действительно на таких полезных роликах должно быть намного больше просмотров и лайков! Вы молодец!))))
@webelart
@webelart 3 года назад
Спасибо! ❤️
@WebEnv
@WebEnv 2 года назад
Спасибо за контенет! Продолжай!
@webelart
@webelart 2 года назад
❤️
@user-el8mi1sd2u
@user-el8mi1sd2u Год назад
Годнота, спасибо !
@mind150
@mind150 3 года назад
Спасибо)) интересно очень
@aleksandrgurnak3911
@aleksandrgurnak3911 2 года назад
супер! Спасибо большое!
@socialpeach
@socialpeach 2 года назад
Леночка, ради тебя и поехали, и полетели, и пришли. Лучшая!
@webelart
@webelart 2 года назад
😊😘
@Igoryn1966
@Igoryn1966 Год назад
Елена, спасибо огромное!!!
@webelart
@webelart Год назад
❤❤❤
@user-tk7qv9rv2c
@user-tk7qv9rv2c Год назад
Спасибо за видео! Все четко, последовательно, вообще огонь! не очень поняла про квантификаторы, а точнее почему /[a-z]{2}/.test("YA") - выдает false. Если с цифрами, то все ок, то есть если /\d/{2}.test("12") - выдает true С диапазоном что-то не так, я думала, что /[a-z]{2}/.test("YA") будет искать любые две буквы 🤣🤣🤣🤣🤣пока писала вопрос, поняла в чем причина) Регистр забыла!!!
@DorozhkinAlexandr
@DorozhkinAlexandr 2 года назад
Спасибо!
@temarukz
@temarukz 2 года назад
Круто 🔥🔥🔥 жаль не все показали( ждем проду.
@user-pm4fz1rn5q
@user-pm4fz1rn5q Год назад
Круто!
@fackdoll
@fackdoll 2 года назад
спасибо Сестра Классный урок
@escobar929
@escobar929 2 месяца назад
Вы просто 🔥🔥🔥🔥
@Cyanogeh
@Cyanogeh 2 года назад
О господи, это лучшее что я видел😳🥰
@webelart
@webelart 2 года назад
Ого! 😍 Очень приятно, спасибо!
@user-zj3ox1oh6n
@user-zj3ox1oh6n Год назад
Добрый день. А как например заменить третью по счету точку на запятую в строке, разделённой точками. Скобочные группы надо использовать?
@RinatWOT
@RinatWOT 2 года назад
Круто, очень понятно
@webelart
@webelart 2 года назад
❤️❤️❤️
@sam_starikov
@sam_starikov Год назад
Короче, хорошее видео. ))
@creese85
@creese85 2 года назад
Спасибо
@ivanmarchuk9252
@ivanmarchuk9252 2 года назад
круто!
@zaurdyshekov9186
@zaurdyshekov9186 2 года назад
Спасибо.
@alexandregorov3239
@alexandregorov3239 Год назад
шо вы за богиня объяснения? великолепно!
@webelart
@webelart Год назад
Спасибо! ❤
@alexandregorov3239
@alexandregorov3239 Год назад
@@webelart я могу у вас спросить, не смог найти на стэковерфлоу вот у меня есть строки различные и я пишу функцию, чтобы находились внутри этой строки буквы которые повторяются 2 или более раз, причем неважно повторилась буква 2 или 700 раз - я должен получить только один элемент в массив, например слово 'aabbccde' - вернет массив из 3 элементов, а слово invisibility - только один, я написал вот так - let count = arr.match(/(\w)\1/g) - но он мне возвращает в слово invisibility 2 пары букв "I", а мне нужно только одну.
@Rj-us1ck
@Rj-us1ck 3 года назад
Прекрасный контент.) Хотел бы я, чтобы у вашего канала было как можно больше подписчиков и просмотров.) А что, если попробовать кооперацию с другими айти - блогерами?
@user-me4pb8qs2t
@user-me4pb8qs2t 2 года назад
Крутая !!!
@figura-a
@figura-a 2 года назад
Здравствуйте. Подскажите пожалуйста как c помощью регулярного выражением выбрать только консоль лог и скобки без содержимого в нем? До применения регулярного выражения console.log('regx', bottom, 123-6 -15f () false || true), после применения регулярного выражения console.log()
@clannajebyan
@clannajebyan Год назад
Здравствуйте. В какой программе вы проверяете?
@nikolaizarezako9344
@nikolaizarezako9344 2 года назад
Как же благодарен ютубу за его рекомендации. И вам тоже благодарен ❤️
@webelart
@webelart 2 года назад
❤️❤️❤️
@nikolatesla1892
@nikolatesla1892 Год назад
Я люблю ваш стиль преподавание!)молодец это круто,я недавно начал учиться Html,это помогло мне очень,
@webelart
@webelart Год назад
Спасибо, очень приятно! 🌹
@jamjam3337
@jamjam3337 Год назад
👏👍
@egoist2956
@egoist2956 2 года назад
Лайк..!
@user-ho1kb8jh5w
@user-ho1kb8jh5w 2 года назад
😉👍
@user-kk2qy5qz8j
@user-kk2qy5qz8j 2 года назад
Спасибо за видео, завтра собес и будет эта тема на тех задании. Смог закрепить свои знания
@webelart
@webelart 2 года назад
Рада, что видео помогло! Удачи на собесе! ❤️
@sepulz
@sepulz Год назад
На группе захвата сломался, благодарю за урок!
@webelart
@webelart Год назад
Можете попозже вернуться ещё раз. Я ее тоже не сразу поняла. Рекомендую учебник learn.javascript.ru раздел про регулярки. Очень хорошо там тоже описывается. При подготовке этого видео я использовала его ☺️
@PS-tn6mc
@PS-tn6mc 3 года назад
Это урок для тех кто хоть что то знает - а я, например, ничего не знаю в скриптах - и чтоб мне понять о чем идет речь, для меня нужно разжевывать каждую скобку, точку, букву... думаю и остальным полным новичкам так нужно.
@webelart
@webelart 3 года назад
Да, вы абсолютно правы. Текущее видео будет тяжело восприниматься самыми начинающими JavaScript разработчиками, т.к. даже тема регулярных выражений не самая простая. И предварительно, конечно, нужно изучить синтаксис Javascript-а, понять как работает язык, порешать задачки.
@PS-tn6mc
@PS-tn6mc 3 года назад
Очень жаль: а мне нужны основы основ@@webelart
@Kirill-ve5lc
@Kirill-ve5lc Год назад
31:05 может кто-то подсказать пример с символом ], куда только не совал ее в квадратных скобках
@user-tb3mm6dl3z
@user-tb3mm6dl3z 10 месяцев назад
Слава богу я думал будет 22 урока по регуляркам☺
@webelart
@webelart 10 месяцев назад
пока только один. 🚀
@user-ss7bm2id5c
@user-ss7bm2id5c Год назад
всем привет!может кто-нибудь подсказать ,какое регулярное выражение будет соответствовать поиску подстроки в скобках, например в строке mike(Hello World!) мне нужно выражение Hello world!. Сам пробовал /\((\w+)\)/ (без флагов) и через метод match вывел в индексе 1 искомую подстроку.Но хотелось бы для саморазвития не использовать группу захвата, чтобы прям в индексе 0 выводилось искомое. Если кто-то откликнется, поясните пожалуйста каждый символ
@pahaivanov1611
@pahaivanov1611 2 года назад
Спасибо что увеличили размер экрана))
@Obraveliss
@Obraveliss 2 года назад
в checkUrl вы использовали символ : что он обозначает?
@webelart
@webelart 2 года назад
Насколько я понимаю вы про : здесь ...http(s)?:\/\/... Это : не относится к символам регулярного выражения, это просто проверка адреса
@Obraveliss
@Obraveliss 2 года назад
@@webelart вот я дурак, спасибо теперь всё понятно, отличный урок кстати)
@webelart
@webelart 2 года назад
@@Obraveliss Спасибо! 😊
@user-jm5pp7lm8b
@user-jm5pp7lm8b 10 месяцев назад
топ
@andrew2340
@andrew2340 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-2CW1wVtnzi4.html - почему сразу не объяснить зачем нужна галка? кстатьи i - ignore case, g - global, m - match. я считаю это тоже надо проговаривать, т.к. js имеет АНГЛИЙСКИЙ синтаксис!)
@quite10
@quite10 3 года назад
Спасибо Вам большое за полезные уроки!🙏🏻❤️ Не могли бы вы помочь разобраться, изучаю JavaScript ( Переменная a = 'foo' , а переменная b = 'bar' Чему будет равен результат выражения: a+ +b ) Буду очень благодарна!😍
@webelart
@webelart 3 года назад
Почитайте про преобразование типов learn.javascript.ru/type-conversions 😘
@quite10
@quite10 3 года назад
@@webelart спасибо❤️
@user-er3le7uo6v
@user-er3le7uo6v 3 года назад
@@quite10 let a = 'foo'; let b = 'bar'; console.log(a+ +b); NaN
@user-er3le7uo6v
@user-er3le7uo6v 3 года назад
@@quite10 но лучше ещё уточнить, потому что JS изучаю не на курсах, а видео разные смотрю), если актуально)
@quite10
@quite10 3 года назад
@@user-er3le7uo6v было бы неплохо, если бы кто-то объяснил😅 я сама только начала учить JavaScript и решила поделать разные задания и в этом хочу разобраться😌😊
@geghamkirakosyan472
@geghamkirakosyan472 Год назад
55:55
@user-cg4ff5yy7d
@user-cg4ff5yy7d 2 года назад
От какого слова произошёл флаг i ?
@mr.h1de352
@mr.h1de352 Год назад
нужно посчитать слово "короче" в этом видео)) почему то веселит
@webelart
@webelart Год назад
🤣
@mr.h1de352
@mr.h1de352 Год назад
@@webelart но за видео спасибо, конечно же, наконец то появился сдвиг в регулярках у меня) после просмотра, попробовал сделать регулярку, которую нужно было по работе и которую просил сделать коллег, которые шарят) и у меня получилось!
@webelart
@webelart Год назад
@@mr.h1de352 Очень круто! Я вас поздравляю!❤
@Spbvbg
@Spbvbg 2 года назад
Здравствуйте, вы некорректно объясняете работу квантификаторов. 31:30 Вы говорите, что {3,} в любом случае будет выдавать true если в строке более трех цифр, а {3} выдаст true при точном совпадении (в примере показываете строку из двух цифр и действительно выводится false). Но если указать больше трех цифр будет выведено true. То есть и в случае /\d{3}/ и в случае /\d{3,}/ в строке где более трех цифр test выдаст True
@webelart
@webelart 2 года назад
Здравствуйте, да есть такое, что если добавить больше 3-х цифр \d{3} будет тоже отрабатывать. Потому что важно найти именно 3 цифры что там до и после не важно, могут быть вновь цифры, могут быть буквы. Если например ^\d{3}$ использовать вот такую регулярку (т.е. обозначить начало и конец), то она допустит только 3 цифры ровно, не больше и не меньше. Можно также такие темы для replace использовать, вытаскивать первые три цифры и заменять 'sdsdf456345'.replace(/\d{3}/, 'd'), вытащит ровно первые три цифры.
@user-ns1it1ww4q
@user-ns1it1ww4q 2 года назад
Возникла проблема,я не могу открыть консоль что бы проверять
@palyura1162
@palyura1162 2 года назад
посмотрел до 7:07 Что кого это видио? Наверно для тех кто уже знает что такое гегулярные выражения! Иначе как можно не обявнив скакать .test .match. Что скрвываеться под словами глобальный поис)) если имееться в виду только первое вхождение и все вхождения.
@webelart
@webelart 2 года назад
Судя по комментариям видео подошло очень многим и помогло. На нём кстати очень мало в целом негативных комментариев, а это очень серьёзный показатель хорошего качества. И то как оно поможет зависит не только от меня. Взаимодействие - это когда есть рассказ и есть вопросы. Я рассказала, вы можете задать вопрос, уточнить или поискать ещё где-то конкретно и взять то, чего вам не хватило. Обычно так работает любое обучение. Успехов вам в нём! ❤️
@X512GB
@X512GB 2 года назад
нужен +1 кодер на разработку сайта
@johnenglish5898
@johnenglish5898 Год назад
не работает шпаргалка. не окрывает сайт
@webelart
@webelart Год назад
Держите drive.google.com/drive/folders/1wVFXCFvfAItR5_eF4ZD2N6zkfrSFU5yc?usp=share_link Ещё в свою группу телеграмм скину t.me/webelart
@user-uk2hx3ur2c
@user-uk2hx3ur2c 2 года назад
Посмотрела ролик, думала найду в нем ответ на свой вопрос, но нет(
@webelart
@webelart 2 года назад
Здравствуйте Яна, какой вопрос интересовал?
@andrew2340
@andrew2340 2 года назад
галопом по Европам без понятного объяснения
@sasniykun3829
@sasniykun3829 Год назад
Ппц симпатяга. Не могу сосредоточиться из-за этого на программировании...
@webelart
@webelart Год назад
😂❤
@willo6723
@willo6723 2 года назад
Спасибо!
@Bortyk
@Bortyk 2 года назад
Спасибо
@shittywizzard5727
@shittywizzard5727 3 года назад
Спасибо!
Далее
Just try to use a cool gadget 😍
00:33
Просмотров 40 млн
Just try to use a cool gadget 😍
00:33
Просмотров 40 млн