Javascript Regex Cheat Sheet



The JavaScript RegExp object explains the patterns of characters. These patterns are used in search, validation, and search and replace functionality in JS programming. Regex101 is a popular site to test your regexp. You'll have first choose the flavor as JavaScript. Then you can add your regexp, input strings, choose flags and an optional replacement string. Matching portions will be highlighted and explanation is offered in separate panes.

Regular Expressions are notoriously difficult to learn - they have a very compact syntax that ends up looking like gibberish. However, they can be extremely powerful when it comes to form validation, find and replace tasks, and/or searching through a body of text. The following cheatsheet provides common RegEx examples and techniques for the JavaScript developer.

🔥 There are several awesome tools that can help you debug RegEx in the browser - my personal favorite is RegExr.

How do you Pronounce RegEx?

Much like Gif vs Jif, the proper pronunciation of RegEx is passionately debated among developers. Based on my limited twitter poll, in looks like most prefer the hard G over the soft J.

Before I make a video about Regular Expressions... How do you pronounce it?

— fireship.io (@fireship_dev) May 18, 2020

Regex Reference

Basics

Sheet
  • / expression / flags, i.e /[A-Z]+/g basic format
  • / hello?*/ escape special characters with backslashes
  • () group with parentheses
  • | logical OR

Character classes

  • w word d digit s whitespace (tabs, line breaks)
  • W NOT word D NOT digit S NOT whitespace
  • t tabs, n line breaks
  • . any character (except newline)

Brackets

  • [xyz] match any x, y, z
  • [J-Z] match any capital letters between J & Z.
  • [^xyz] NOT x, y, z

Quantification

  • bob|alice match bob or alice
  • z? zero or one occurrences
  • z* zero or multiple occurrences
  • z+ one or multiple occurrences
  • z{n} n occurrences
  • z{min,max} min/max occurrences

Anchors

  • hello world exact match
  • ^hello start of the strings
  • world$ end of the string

How to Use RegEx in JavaScript

Create a Regular Expression

There are two ways to create a regular expression in JavaScript. The literal way is just a set of characters between two forward slashes / /.

You can also instantiate RegExp.

String Regex Functions

There are several ways to use a regular expression on a string primitive, such as (1) match all the occurrences, (2) search for the existence of a pattern, or (3) replace matches with a new value.

Common Examples

Password Validation

How do you validate the format of a password for a signup form? Let’s force passwords to contain a capital letter, lowercase letter, number, and min length of 8.

See full demo.

Hex Codes

How do you find all of the hex codes, such as CSS colors, in a document? Useful if you need to analyze the color scheme.

See full demo.

Js Regex Cheat Sheet Pdf

Remove HTML Tags

How do you remove all HTML tags from a document? Use the regex below to find and replace all HTML tags.

Regular Expression Cheat Sheet

Regex in r cheat sheet

Javascript Regex Cheat Sheet 2020

See full demo