Регулярные выражения в JavaScript за 1 час | Уроки JavaScript
ฝัง
- เผยแพร่เมื่อ 19 มิ.ย. 2024
- Разберём способы задания, флаги, методы, буквенные классы, якоря, наборы, диапазоны, квантификаторы, жадность и лень, группы захвата и др. Всё с практикой и примерами.
🍀 Поддержать канал: www.donationalerts.com/r/webe...
☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: webelart.com/illustration.
✍️ Мой telegram channel: t.me/webelart
🏰 Английский TH-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 всё понял. спасибо за урок!! ❤️
Спасибо Вам, действительно на таких полезных роликах должно быть намного больше просмотров и лайков! Вы молодец!))))
Спасибо! ❤️
Спасибо за видео! Все четко, последовательно, вообще огонь!
не очень поняла про квантификаторы, а точнее почему /[a-z]{2}/.test("YA") - выдает false. Если с цифрами, то все ок, то есть если
/\d/{2}.test("12") - выдает true
С диапазоном что-то не так, я думала, что /[a-z]{2}/.test("YA") будет искать любые две буквы
🤣🤣🤣🤣🤣пока писала вопрос, поняла в чем причина)
Регистр забыла!!!
Елена, спасибо огромное!!!
❤❤❤
Спасибо за контенет! Продолжай!
❤️
супер! Спасибо большое!
Спасибо)) интересно очень
Годнота, спасибо !
Классный урок! Благодаря вам разобрался в этой теме, и теперь решаю задачи на CodeWars гораздо быстрее и гибче!
Спасибо!
Круто!
О господи, это лучшее что я видел😳🥰
Ого! 😍 Очень приятно, спасибо!
Круто, очень понятно
❤️❤️❤️
Леночка, ради тебя и поехали, и полетели, и пришли. Лучшая!
😊😘
Прекрасный контент.) Хотел бы я, чтобы у вашего канала было как можно больше подписчиков и просмотров.) А что, если попробовать кооперацию с другими айти - блогерами?
Я люблю ваш стиль преподавание!)молодец это круто,я недавно начал учиться Html,это помогло мне очень,
Спасибо, очень приятно! 🌹
Круто 🔥🔥🔥 жаль не все показали( ждем проду.
спасибо Сестра Классный урок
круто!
Крутая !!!
Вы просто 🔥🔥🔥🔥
Добрый день. А как например заменить третью по счету точку на запятую в строке, разделённой точками. Скобочные группы надо использовать?
шо вы за богиня объяснения? великолепно!
Спасибо! ❤
@@webelart я могу у вас спросить, не смог найти на стэковерфлоу
вот у меня есть строки различные и я пишу функцию, чтобы находились внутри этой строки буквы которые повторяются 2 или более раз, причем неважно повторилась буква 2 или 700 раз - я должен получить только один элемент в массив, например слово 'aabbccde' - вернет массив из 3 элементов, а слово invisibility - только один, я написал вот так - let count = arr.match(/(\w)\1/g) - но он мне возвращает в слово invisibility 2 пары букв "I", а мне нужно только одну.
Спасибо
Спасибо.
Лайк..!
Короче, хорошее видео. ))
Здравствуйте.
Подскажите пожалуйста как c помощью регулярного выражением выбрать только консоль лог и скобки без содержимого в нем? До применения регулярного выражения console.log('regx', bottom, 123-6 -15f () false || true), после применения регулярного выражения console.log()
Здравствуйте. В какой программе вы проверяете?
Спасибо за видео, завтра собес и будет эта тема на тех задании. Смог закрепить свои знания
Рада, что видео помогло! Удачи на собесе! ❤️
👏👍
😉👍
Как же благодарен ютубу за его рекомендации.
И вам тоже благодарен ❤️
❤️❤️❤️
На группе захвата сломался, благодарю за урок!
Можете попозже вернуться ещё раз. Я ее тоже не сразу поняла. Рекомендую учебник learn.javascript.ru раздел про регулярки. Очень хорошо там тоже описывается. При подготовке этого видео я использовала его ☺️
Это урок для тех кто хоть что то знает - а я, например, ничего не знаю в скриптах - и чтоб мне понять о чем идет речь, для меня нужно разжевывать каждую скобку, точку, букву... думаю и остальным полным новичкам так нужно.
Да, вы абсолютно правы. Текущее видео будет тяжело восприниматься самыми начинающими JavaScript разработчиками, т.к. даже тема регулярных выражений не самая простая. И предварительно, конечно, нужно изучить синтаксис Javascript-а, понять как работает язык, порешать задачки.
Очень жаль: а мне нужны основы основ@@webelart
31:05 может кто-то подсказать пример с символом ], куда только не совал ее в квадратных скобках
Спасибо Вам большое за полезные уроки!🙏🏻❤️
Не могли бы вы помочь разобраться, изучаю 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 и решила поделать разные задания и в этом хочу разобраться😌😊
топ
Слава богу я думал будет 22 урока по регуляркам☺
пока только один. 🚀
всем привет!может кто-нибудь подсказать ,какое регулярное выражение будет соответствовать поиску подстроки в скобках, например в строке mike(Hello World!) мне нужно выражение Hello world!. Сам пробовал /\((\w+)\)/ (без флагов) и через метод match вывел в индексе 1 искомую подстроку.Но хотелось бы для саморазвития не использовать группу захвата, чтобы прям в индексе 0 выводилось искомое. Если кто-то откликнется, поясните пожалуйста каждый символ
th-cam.com/video/2CW1wVtnzi4/w-d-xo.html - почему сразу не объяснить зачем нужна галка? кстатьи i - ignore case, g - global, m - match. я считаю это тоже надо проговаривать, т.к. js имеет АНГЛИЙСКИЙ синтаксис!)
Спасибо что увеличили размер экрана))
в checkUrl вы использовали символ :
что он обозначает?
Насколько я понимаю вы про : здесь ...http(s)?:\/\/... Это : не относится к символам регулярного выражения, это просто проверка адреса
@@webelart вот я дурак, спасибо теперь всё понятно, отличный урок кстати)
@@Obraveliss Спасибо! 😊
55:55
От какого слова произошёл флаг i ?
нужно посчитать слово "короче" в этом видео)) почему то веселит
🤣
@@webelart но за видео спасибо, конечно же, наконец то появился сдвиг в регулярках у меня) после просмотра, попробовал сделать регулярку, которую нужно было по работе и которую просил сделать коллег, которые шарят) и у меня получилось!
@@mr.h1de352 Очень круто! Я вас поздравляю!❤
Здравствуйте, вы некорректно объясняете работу квантификаторов. 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'), вытащит ровно первые три цифры.
посмотрел до 7:07
Что кого это видио? Наверно для тех кто уже знает что такое гегулярные выражения! Иначе как можно не обявнив скакать
.test .match. Что скрвываеться под словами глобальный поис)) если имееться в виду только первое вхождение и все вхождения.
Судя по комментариям видео подошло очень многим и помогло. На нём кстати очень мало в целом негативных комментариев, а это очень серьёзный показатель хорошего качества.
И то как оно поможет зависит не только от меня. Взаимодействие - это когда есть рассказ и есть вопросы. Я рассказала, вы можете задать вопрос, уточнить или поискать ещё где-то конкретно и взять то, чего вам не хватило. Обычно так работает любое обучение. Успехов вам в нём! ❤️
нужен +1 кодер на разработку сайта
Возникла проблема,я не могу открыть консоль что бы проверять
не работает шпаргалка. не окрывает сайт
Держите drive.google.com/drive/folders/1wVFXCFvfAItR5_eF4ZD2N6zkfrSFU5yc?usp=share_link
Ещё в свою группу телеграмм скину t.me/webelart
Посмотрела ролик, думала найду в нем ответ на свой вопрос, но нет(
Здравствуйте Яна, какой вопрос интересовал?
галопом по Европам без понятного объяснения
Ппц симпатяга. Не могу сосредоточиться из-за этого на программировании...
😂❤
Спасибо!
Спасибо
Спасибо!