Regular expressions are used to match certain patterns of strings within other strings.
They can be a useful tool for extracting patterns rather than exact strings, for example: telephone numbers (sequences of numbers of a specific length,) street numbers or email addresses.
@@ code=regexes/regexes.01.js @@
If we want to know whether the string "wood" appears in our larger string str we
could do the following
@@ code=regexes/regexes.02.js @@
@@ code=regexes/regexes.02.out @@
To see the actual matches we found in the string, we can use the match method
to find all matches available:
@@ code=regexes/regexes.03.js @@
@@ code=regexes/regexes.03.out @@
Note that this only returned one match, even though the word "wood" appears several
times in our original string. In order to find all individual instances of wood, we need
to add the global flag, which we can do by adding a g to the end of our expression:
@@ code=regexes/regexes.04.js @@
@@ code=regexes/regexes.04.out @@
Now, note that two of those matches actually belonged to the word "woodchuck", which was not a part of our results. If we wanted to extend our regular expression to match both we could do so in a few ways:
@@ code=regexes/regexes.05.js @@
@@ code=regexes/regexes.05.out @@
In this regular expression we are matching everything that starts with the string "wood"
followed by 0 or more characters (.*?) until a word break (\b) occures.
Alternatively, we could also just search for both words:
@@ code=regexes/regexes.06.js @@
@@ code=regexes/regexes.06.out @@
Note the order in which we did the last search. We used the word "woodchuch" before
the word "wood". If we were to run our expression like so: /wood|woodchuck/g, we would
end up with ["wood", "wood", "wood", "wood"] again because that search would be
"greedy".
If we wanted to replace the word "wood" in our original string, with the word "nun", we could do it like so:
@@ code=regexes/regexes.07.js @@
@@ code=regexes/regexes.07.out @@
Probably not what you'd be going for, but you get our drift.
Extracting numbers from strings is a common task when looking for things like dollar amounts or any other numerical measurements that might be scattered about in the text. For example, if we wanted to extract the total amount of money spent on groceries from this message:
@@ code=regexes/regexes.08.js @@
we could define a regular expression that looks for dollar amounts by defining a pattern like so.
@@ code=regexes/regexes.09.js @@
this pattern looks for:
- A dollar sign (
\$) to indicate the beginning of a price - A set of repeating characters that can be a number (
0-9) or the period character.. These can appear repeatedly (+). Note that we're not being particularly careful in making sure we only have one period in our string, for example. - A word break that would indicate the end of the price string (
\b).
If we wanted to find all the matches, we could use our string match function like so:
@@ code=regexes/regexes.10.js @@
@@ code=regexes/regexes.10.out @@
This is great! We have all our dollar amounts. While this gets us 90% there, we
can't really add them with those $ signs. To remove them, we can use our trusty
reduce function like so:
@@ code=regexes/regexes.11.js @@
@@ code=regexes/regexes.11.out @@
We've used a few special characters so far, like \b to indicate a word break. There
are a few others that might be useful to you:
\d- any number character. Equivalent to [0-9].\D- any non number character. Equivalent to [^0-9].\s- any single space character. This includes a single space, tab, line feed or form feed.
You can see a full list of all special characters here: MDN - Regular Expressions
- MDN - Regular Expressions - for more information about regular expressions