I go cross-eyed dealing with regex, but this is an excellent reference I'm definitely coming back to. I almost always head to regex101.com whenever pattern-matching starts to devour my brain.
Just shared the link to regex101 with my colleagues today - great tool!
Using the | operator is a dangerous habit. You easily forget to guard yourself against matching substrings, for example consider the following line:
const isLocalHost = /127.0.0.1|localhost/.test(location.host);
And now what happens on localhost.mydevious.url? The secure solution is to use ^ and $ to gate the start and end of the tested string.
Also, one trick up JS regex's sleeve is the back reference (\1-\9):
/(["'])(.*?)\1/.test('"I can match Emma\'s full strings"') && RegExp.$2;
/(["'])(.*?)\1/.test("'I can match when Emma say \"things in strings\"'") && RegExp.$2;
This will re-use the (matches) inside the same regex.
The real guard is to write tests to assert the correct behaviour :)
Just don't forget about those edge cases ;-)
Just remember, Elon Musk doesn’t know RegExp either.
19:45 PM - 19 Feb 2019
For me, Regex and Perl are write-only languages. I can't debug, edit or even read regex – I just rewrite it from scratch with some tool like RegExr or something. For me, a person who can memorise all that syntax is definitely a superhuman.
Making code readable is half the job of the coder. It's also true for regexes, which means you have to look for ways to separate parts and comment your regexes (or at least name the groups).
Fortunately, you can find solutions in most languages. Here are two examples from some of my OS codes:
cmdArgRegex = miaou.lib("rex")`
([a-z ]*) // options (optional)
(-?\d*\s*d\s*[\d+-]+) // left rolldef (mandatory)
(?: // inequation (optional)
([<>=]+) // operator
([\w+-]+) // right rolldef or scalar
(I think there are JS libs to do that without taking my code, now)
static ref RE: Regex = Regex::new(
(this is the standard way in this language)
The funny thing about these Regex cheat cheets is no matter how many of them I put in my bookmarks, I never end up using them.
sebastian 😂 me too
I tend to not bother learning regex, the cases where it's useful, I'll just go to a site like regexr.com and then use their tools to build one.
In think that's the general consensus. I only use it occasionally so it's not worth my time to be 100 percent fluent.
I'm using regex debuger, regexbuddy.com/, to debug different regex flavors. It saved me a lot of time over the years. It can also run on linux (using Wine).
They also have a tool for building regexps, regexmagic.com/, but I'm not using is so I'm just saying it is out there.
Another cheatsheet for my private gist collection lol
Oh my, I wish that I had encountered this post about two months ago before I began the difficult journey of acquiring what (little) regex knowledge I have now... haha!
I'm absolutely going to be bookmarking this to revisit next time I have the need and will be sharing it with my team. You've laid this out in a very understandable way; thanks for sharing :)
For the day-to_day development, I recommend using Rubular or Regexly
Thx a lot for this awesome cheat sheet !
You made a mistake in this case
const regexWithLetterAndNumberRange = /[a-z0-9]/ig;
const testString = "Emma19382";
testString.match(regexWithLetterAndNumberRange) // true
The result of match is // ["E", "m", "m", "a", "1", "9", "3", "8", "2"] ;)
Great cheat sheet, thank you Emma! Soon I'm gonna make a post about this extension I made for VSCode that could help understanding RegExp: marketplace.visualstudio.com/items...
Great post and doubles as a great practice assessment if you hide all of the code blocks!
very neat, thanks!
Thanks, this makes regex less scary! Keep up the good work
I <3 it :) thank you very much :)
Nicely done :)
Always choose carefully when choosing to use a regular expression of course. Our primary application at work is for input validation, drawing heavily on the excellent work done in OWASP: owasp.org/index.php/OWASP_Validati...
Shouldn't this also go under #regex?
Never ever did i wrote single regex without some kind of cheatsheet or tool. Thank you.
I love regexp 😊
thanks for share this useful tips
Cannot get enough of these :D... because regex is something that I have to lookup no matter how many times I use it.
Great post Emma!
There are definitely some regex wizards out there, great work putting this together. 😁
Best regex cheatsheet I ever came across - appletree.or.kr/quick_reference_ca...
Thank you for making such a clear reference
This is a great reference guide. Thank you Emma
wow stuff !
Finally I understand hoe regular expressions works
I love this, and what I really love is that you used super great and clear variable names!
Thanks for that aweseome post. Definitly worth to be bookmarked :-)
One hint: The commented output of "Match specific numbers and letters" is wrong.
Can anyone help me in writting regex for accepting google.com, yahoo.com, youtube.com but not sites.google.com translate.google.com m.youtube.com admin.yahoo.com etc
Thanks, very helpful...!
Thanks, great cheat sheet...
This is possibly the most save-worth article on all of dev.to. Definitely a must have resource, thank you so much!
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.