Menu
Regular Expression: Alternation

A Regular Expression (regex) is a sequence of characters that define a pattern that allows you to search, match, locate, replace, manipulate, and manage text. I explained the basics of Regular Expressions in an earlier article: What is a Regular Expression?

Alternation allows allows a match with one or more patterns in a regular expression. The alternate patterns are separated by a pipe character referred to the alternation operator. The syntax for alternation is shown below.

/pattern1|pattern2|pattern3|/

In the example below, the name of one or more programming languages in the sentence is matched and displayed in a message box.

<script>
let strTarget = "The JavaScript programming language is my favorite.";
let regexp = /VBScript|Python|JavaScript/gi;
let res = strTarget.match(regexp);
alert(res);
</script>

The regular expression defines an alternation containing the words VBScript, Python, and JavaScript. Note that the words are separated by a pipe character.

This example displays "JavaScript" in a message box. Try changing the sentence by replacing JavaScript with your favorite programming language.

In the example below, the names of the kinds of pets in the sentence is matched and displayed in a message box.

<script>
let strTarget =  "What kind of pets do you have, cats, dogs, fish or birds.";
let regexp = /cats|dogs|fish|birds/g;
let res = strTarget.match(regexp);
alert(res);
</script>

The regular expression defines an alternation containing the words cats, dogs, fish, and birds. Given the g (global) control character, the alternation regular expression will return, in an array, all the matches it finds to every alternate pattern.

This example displays "cats,dogs,fish,birds" in a message box.

In this article you learned how to create an alternation regular expression that will match alternate patterns in a string.


Learn more at amazon.com

More Java Script Code:
• Java Script Code for Directory File List
• Introduction to HTML5 Canvas
• Basic State Machines
• Calculators for Your Web Site : Loan Payment Calculator
• Learn JavaScript Visually
• Easy Graph Generating Code
• Sams Teach Yourself HTML5 in 10 Minutes
• Java Script to Get Selected Item from Select List Option Group
• Put Commas in Your Java Script Calculators
• Using a Select List for Navigation