Developer’s Notebook: Mastering (your fear of) regular expressions

Brian Dillard, Friday, September 28, 2007 @ 8:17 am

Regular expressions are one of the most difficult programming concepts for novices and journeymen to wrap their heads around. Take a look at most any blog posting about RegExes and the comments will invariably be littered with words like "hate," "pain" and "AAAAARGH!"

Once you get comfortable with them, though, regular expressions become one of the most powerful tools in your programming arsenal. For Ajax/JavaScript developers, they can lend power and elegance to everything from form validators to keystroke interpreters to JSON, CSS and DOM parsers - in short, many of the thing you'll want to do on the client side of any powerful webapp. Take a look under the hood of any respected Ajax/DHTML library and you'll see RegEx literals being used liberally.

It's no secret that I'm big on programming books, especially O'Reilly ones, but I can think of few books that have been more useful than Jeffrey E. F. Friedl's "Mastering Regular Expressions". One difficult aspect of JavaScript regular expressions is their syntax, which is completely different from the better-known Perl variety. Friedl steps back from the implementation details of individual RegEx engines to explain the central concepts common to them all. After having this book for a year, I still refer to it so often that I can't say when I'll be ready to graduate to Tony Stubblebine's "Regular Expression Pocket Reference." In the meantime, when I'm away from my copy of the Friedl book, there are plenty of online resources to guide me.

Cheat sheets & quick references

These links don't offer really in-depth tutorials, but they do show you the JavaScript RegEx syntax at a glance.

• WikiCodia reference
• Visibone cheat sheet
• John Robert Morris cheat sheet
• JavaScript Kit tutorial
• Zytrax.com RegEx user guide

Interactive terminals

Apparently, everybody and their mother decided to build a little DHTML/Ajax app to let you create regular expressions, run arbitrary text against them, and check out the results. This is a fantastic way to play with the technology and get more confident in your abilities. Here are 9 different implementations of the same basic idea. I haven't used all of them, so let me know in the comments which are most useful.

• http://regexpal.com/
• http://www.rexv.org/
• http://www.xaprb.com/demos/rx-toolkit/
• http://www.cuneytyilmaz.com/prog/jrx/
• http://www.codeproject.com/jscript/regex2.asp
• http://lawrence.ecorp.net/inet/samples/regexp-format.php
• http://tools.netshiftmedia.com/regexlibrary/
• http://www.arachnoid.com/regex_lab/index.html
• http://weitz.de/regex-coach/

And for the over-achievers

For those of you so advanced in your RegEx powers that you've hit the limitations of the built-in JavaScript implementation, check out XRegExp, an open-source regular-expression library that supports named capture and other advanced features.

Technorati tags

• javascript
• regular expressions

Related posts:

1. Markdown, GWT & Regular Expressions in Groovy
2. Application Watch – Rex V, Ajax Regex Tool
3. Developer’s Notebook: Useful OO JavaScript resources
4. 20 useful Facebook/FBJS developer resources
5. Ajax/Javascript Library – DHTMLGoodies

Comments (4)

Software Development

Comments: 4 so far

• Leave a comment
• Comment feed for this post
• TrackBack URL

1. 

   Hey, thanks for the XRegExp / RegexPal mentions! I’ve read both books you mentioned from cover to cover, and as a result I would strongly recommend against “graduating” from Friedl’s classic “Mastering Regular Expressions” to the pocket reference. The pocket reference tries to cover too many flavors in a tiny amount of space, so it ends up not really providing much information about any of them. For JavaScript-flavor regexes specifically (which, unfortunately, Friedl’s book doesn’t deal with), it covers it incompletely and quite poorly overall.

   Comment by Steven Levithan, Friday, September 28, 2007 @ 12:23 pm

2. 

   Thank you! Especially for the interactive testing sites.

   Comment by Caustic Dave, Sunday, September 30, 2007 @ 8:03 pm

3. 

   it’s good to read this post！Interested in JS RegExp.

   Comment by frank, Tuesday, June 3, 2008 @ 10:13 am

4. 

   This tool is very easy for js rexexp testing.

   http://www.pagecolumn.com/tool/regtest.htm

   Comment by hans, Thursday, November 13, 2008 @ 3:06 am

Leave a comment