bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/JavaScript/Working with Data
JavaScript•Working with Data

Regular Expression Assertions

RegExp Assertions

Assertions matches Boundaries and Lookarounds

String Boundaries and Word Boundaries.

Lookarounds: Lookaheads and Lookbehinds.

// Match beginning of string
const pattern = /^ExampleSite/;
// Match end of string
const pattern = /ExampleSite$/;

JavaScript Regex Assertions

SyntaxNameDescription
^String boundaryMatches the beginning of a string
$String boundaryMatches the end of a string
\bWord boundaryMatches the beginning or end of a word
\BWord boundaryMatches NOT the beginning or end of a word
(?=...)LookaheadMatches the subsequent string
(?!...)LookaheadMatches NOT the subsequent string
(?<=...)LookbehindMatches the previous string
(?<!...)LookbehindMatches NOT the previous string

RegExp ^ Metacharacter

The ^ metacharacter matches the beginning of a string.

Examples

const pattern = /^ExampleSite/;
let text = "ExampleSite Tutorial";
let result = pattern.test(text); // true

RegExp $ Metacharacter

The $ metacharacter matches the end of a string.

Runnable example

const pattern = /ExampleSite$/;
let text = "Hello ExampleSite";
let result = pattern.test(text); // true

The \b Metacharacter

The \b metacharacter matches the beginning of a word or the end of a word.

Examples

let text = "HELLO, LOOK AT YOU!";
let result = text.search(/\bLO/);

RegExp Lookahead x(?=y)

x(?=y) matches "x" if "x" is followed by "y".

Example

let text = "ExampleSite Tutorials";
let pattern = /ExampleSite(?= Tutorials)/;
let result = pattern.test(text);

Negative Lookahead x(?!y)

x(?!y) matches "x" if "x" is NOT followed by "y".

Example

let text = "ExampleSite Tutorials";
let pattern = /ExampleSite(?! Tutorials)/;
let result = pattern.test(text);

Explanation

(?! Tutorials) asserts that what follows is not " Tutorials".

RegExp Lookbehind (?<=y)x

(?<=y)x matches "x" if "x" is preceded by "y".

Example

let text = "Hello ExampleSite";
let pattern = /(?<=Hello )ExampleSite/;
let result = pattern.test(text);

Negative Lookbehind (?<!y)x

(?<!y)x matches "x" only if "x" is NOT preceded by "y".

Example

let text = "Hello ExampleSite";
let pattern = /(?<!Hello ) ExampleSite/;
let result = pattern.test(text);

Regular Expression Groups

CharDescription
(x)Matches x and saves it
(?<n>x)Matches x and labels it n
(?flag:x)Enables flag(s) for x
(?flag-flag:x)Disables flag(s) for x

RegExp Capturing Groups (x)

Example

let text = "Haha, haha, haha.";
const pattern = /(haha)+/;
let result = text.match(pattern);

Explained

  • (haha) captures a group of characters
  • (haha)+ matches zero or more occurences of the group
  • text.match() returns an array of results
  • match.groups() returns an array of matches

Named Capturing Groups (?<n>)

Example

const text = "Name: John Doe";
// Using named capturing groups
const regex = /(?<firstName>\w+) (?<lastName>\w+)/;
const match = text.match(regex);
let fName = match.groups.firstName;
let lName = match.groups.lastName;

Explained

  • (?<firstName>\w+) captures a word and labels it firstName
  • (?<lastName>\w+) does the same for lastName
  • text.match() returns an array with a groups property
  • match.groups() returns an object: {firstName:"John", lastName:"Doe" }

When using capturing groups, the String method match() and the RegExp method exec(), return a match object with a groups property. This property holds the names and the values of the groups.

RegExp Group Modifiers (?flag)

The (?flag) syntax is a group modifier (inline flag modifier).

It allows for modifying flags in a part of a pattern, rather than to the entire pattern.

(?flags:pattern) enables the flags only for the pattern in the group.

Example

let text = "ExampleSite tutorials.";
const pattern = /(?i:WShools) tutorials/;
// Returns true: let result = pattern.test(text);

See Also

JavaScript RegExp Flags

JavaScript RegExp Character Classes

JavaScript RegExp Meta Characters

JavaScript RegExp Quantifiers

JavaScript RegExp Patterns

JavaScript RegExp Objects

JavaScript RegExp Methods

Regular Expression Methods

Regular Expression Search and Replace can be done with different methods.

String Methods

MethodDescription
match( regex )Returns an Array of results
matchAll( regex )Returns an Iterator of results
replace( regex )Returns a new String
replaceAll( regex )Returns a new String
search( regex )Returns the index of the first match
split( regex )Returns an Array of results

RegExp Methods

MethodDescription
regex .exec()Returns an Iterator of results
regex .test()Returns true or false

Previous

JavaScript Array Iterations

Next

JavaScript Array Const

This chapter

Overview
37

Lessons

216m

Read time

1. JavaScript Strings2. JavaScript Numbers3. JavaScript Dates4. JavaScript Arrays5. JavaScript Sets6. JavaScript Maps7. JavaScript Math Object8. JavaScript RegExp9. JavaScript String Templates10. JavaScript Number Methods11. JavaScript Date Formats12. JavaScript Array Methods13. JavaScript Set Methods14. JavaScript Map Methods15. JavaScript Random16. JavaScript RegExp Flags17. JavaScript String Methods18. JavaScript Number Properties19. JavaScript Get Date Methods20. JavaScript Array Search21. JavaScript Set Logic22. JavaScript WeakMap23. RegExp Character Classes24. JavaScript String Search25. JavaScript Bitwise Operations26. JavaScript Set Date Methods27. JavaScript Array Sort28. JavaScript WeakSet29. RegExp Meta Characters30. JavaScript BigInt31. JavaScript Array Iterations32. Regular Expression Assertions33. JavaScript Array Const34. RegExp Quantifiers35. JavaScript RegExp Patterns36. JavaScript RegExp Objects37. RegExp Methods

On this page

RegExp AssertionsJavaScript Regex AssertionsRegExp ^ MetacharacterRegExp $ MetacharacterThe \b MetacharacterRegExp Lookahead x(?=y)Negative Lookahead x(?!y)RegExp Lookbehind (?<=y)xNegative Lookbehind (?<!y)xRegular Expression GroupsRegExp Capturing Groups (x)ExplainedNamed Capturing Groups (?<n>)ExplainedRegExp Group Modifiers (?flag)Regular Expression MethodsString MethodsRegExp Methods