javaScript Regex Expression

 javaScript Regex Expression 

A regular expression is a pattern of characters.

The pattern is used to do pattern-matching "search-and-replace" functions on text.

Syntax

/pattern/modifier(s);

Modifiers

Modifiers are used to perform case-insensitive and global searches:

ModifierDescription
gPerform a global match (find all matches rather than stopping after the first match)
iPerform case-insensitive matching
mPerform multiline matching    

<p id="demo"></p>

<script>
let text = "Visit W3Schools";
let pattern = /w3schools/i;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>


o/p :- W3Schools


Brackets

Brackets are used to find a range of characters:

ExpressionDescription
[abc]Find any character between the brackets
[^abc]Find any character NOT between the brackets
[0-9]Find any character between the brackets (any digit)
[^0-9]Find any character NOT between the brackets (any non-digit)
(x|y)Find any of the alternatives specified

<p id="demo"></p>

<script>
let text = "Is this all there is?";
let pattern = /[h]/g;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>

o/p- h,h

-------------------------------------------------------------------------------------------------------------------
<p id="demo"></p>

<script>
let text = "Is this all there is?";
let pattern = /[^h]/g;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>

o/p- I,s, ,t,i,s, ,a,l,l, ,t,e,r,e, ,i,s,?

-------------------------------------------------------------------------------------------------------------------

<p id="demo"></p>

<script>
let text = "123456789";
let pattern = /[1-4]/g;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>

o/p:- 1,2,3,4

---------------------------------------------------------------------------------------------------------------
<p id="demo"></p>

<script>
let text = "123456789";
let pattern = /[^1-4]/g;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>

o/p- 5,6,7,8,9

----------------------------------------------------------------------------------------------------------

<p id="demo"></p>

<script>
let text = "re, green, red, green, gren, gr, blue, yellow";
let pattern = /(red|green)/g;
let result = text.match(pattern);

document.getElementById("demo").innerHTML = result;
</script>

o/p - green,red,green

-------------------------------------------------------------------------------------------------------

Metacharacters

Metacharacters are characters with a special meaning:

MetacharacterDescription
.Find a single character, except newline or line terminator
\wFind a word character
\WFind a non-word character
\dFind a digit
\DFind a non-digit character
\sFind a whitespace character
\SFind a non-whitespace character
\bFind a match at the beginning/end of a word, beginning like this: \bHI, end like this: HI\b
\BFind a match, but not at the beginning/end of a word
\0Find a NULL character
\nFind a new line character
\fFind a form feed character
\rFind a carriage return character
\tFind a tab character
\vFind a vertical tab character
\xxxFind the character specified by an octal number xxx
\xddFind the character specified by a hexadecimal number dd
\uddddFind the Unicode character specified by a hexadecimal number dddd

Quantifiers

QuantifierDescription
n+Matches any string that contains at least one n
n*Matches any string that contains zero or more occurrences of n
n?Matches any string that contains zero or one occurrences of n
n{X}Matches any string that contains a sequence of X n's
n{X,Y}Matches any string that contains a sequence of X to Y n's
n{X,}Matches any string that contains a sequence of at least X n's
n$Matches any string with n at the end of it
^nMatches any string with n at the beginning of it
?=nMatches any string that is followed by a specific string n
?!nMatches any string that is not followed by a specific string n

RegExp Object Properties

PropertyDescription
constructorReturns the function that created the RegExp object's prototype
globalChecks whether the "g" modifier is set
ignoreCaseChecks whether the "i" modifier is set
lastIndexSpecifies the index at which to start the next match
multilineChecks whether the "m" modifier is set
sourceReturns the text of the RegExp pattern

RegExp Object Methods

MethodDescription
compile()Deprecated in version 1.5. Compiles a regular expression
exec()Tests for a match in a string. Returns the first match
test()Tests for a match in a string. Returns true or false
toString()Returns the string value of the regular expression



Comments