Regular Expression: Alternation by Stephen Bucaro

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:
• HTML5 Canvas Storing and Clearing Transformations
• Code to Fade Between Two different Pictures
• Basic State Machines
• Java Script Code to Calculate Speed / Distance of Falling Object
• Creating Basic Java Script Functions
• JavaScript to Generate a Random Number Between X and Y
• Four Ways to Use Java Script Event Handlers
• Java Script Code for Directory File List
• Easy Expanding Banner Code
• Easy Java Script Form Validation