- JavaScript Basics
- JavaScript Tutorial
- JavaScript: where to write
- JavaScript: how to display
- JavaScript: keywords
- JavaScript: comments
- JavaScript: variables
- JavaScript: operators
- JavaScript: data types
- JavaScript Conditional Statements
- JavaScript: if-else
- JavaScript: switch
- JavaScript: for loop
- JavaScript: while loop
- JavaScript: do-while loop
- JavaScript: break and continue
- JavaScript Popup Boxes
- JavaScript: alert box
- JavaScript: confirm box
- JavaScript: prompt box
- JavaScript Popular Topics
- JavaScript: functions
- JavaScript: innerHTML
- JavaScript: getElementById()
- JavaScript: getElementsByClassName()
- JavaScript: getElementsByName()
- JavaScript: getElementsByTagName()
- JavaScript: querySelector()
- JavaScript: querySelectorAll()
- JavaScript: document.write()
- JavaScript: console.log()
- JavaScript: boolean
- JavaScript: events
- JavaScript: Math object
- JavaScript: Math.random()
- JavaScript: Number()
- JavaScript: parseInt()
- JavaScript: parseFloat()
- JavaScript Arrays
- JavaScript: array
- JavaScript: find length of array
- JavaScript: add element at beginning
- JavaScript: add element at end
- JavaScript: remove first element
- JavaScript: remove last element
- JavaScript: get first index
- JavaScript: get last index
- JavaScript: reverse an array
- JavaScript: sort an array
- JavaScript: concatenate arrays
- JavaScript: join()
- JavaScript: toString()
- JavaScript: from()
- JavaScript: check if value exists
- JavaScript: check if array
- JavaScript: slice an array
- JavaScript: splice()
- JavaScript: find()
- JavaScript: findIndex()
- JavaScript: entries()
- JavaScript: every()
- JavaScript: fill()
- JavaScript: filter()
- JavaScript: forEach()
- JavaScript: map()
- JavaScript Strings
- JavaScript: string
- JavaScript: length of string
- JavaScript: convert to lowercase
- JavaScript: convert to uppercase
- JavaScript: string concatenation
- JavaScript: search()
- JavaScript: indexOf()
- JavaScript: search() vs. indexOf()
- JavaScript: match()
- JavaScript: match() vs. search()
- JavaScript: replace()
- JavaScript: toString()
- JavaScript: String()
- JavaScript: includes()
- JavaScript: substr()
- JavaScript: slice string
- JavaScript: charAt()
- JavaScript: repeat()
- JavaScript: split()
- JavaScript: charCodeAt()
- JavaScript: fromCharCode()
- JavaScript: startsWith()
- JavaScript: endsWith()
- JavaScript: trim()
- JavaScript: lastIndexOf()
- JavaScript Date and Time
- JavaScript: date and time
- JavaScript: Date()
- JavaScript: getFullYear()
- JavaScript: getMonth()
- JavaScript: getDate()
- JavaScript: getDay()
- JavaScript: getHours()
- JavaScript: getMinutes()
- JavaScript: getSeconds()
- JavaScript: getMilliseconds()
- JavaScript: getTime()
- JavaScript: getUTCFullYear()
- JavaScript: getUTCMonth()
- JavaScript: getUTCDate()
- JavaScript: getUTCDay()
- JavaScript: getUTCHours()
- JavaScript: getUTCMinutes()
- JavaScript: getUTCSeconds()
- JavaScript: getUTCMilliseconds()
- JavaScript: toDateString()
- JavaScript: toLocaleDateString()
- JavaScript: toLocaleTimeString()
- JavaScript: toLocaleString()
- JavaScript: toUTCString()
- JavaScript: getTimezoneOffset()
- JavaScript: toISOString()
- JavaScript Regular Expression
- JavaScript: regular expression
- JavaScript: RegEx . (dot)
- JavaScript: RegEx \w and \W
- JavaScript: RegEx \d and \D
- JavaScript: RegEx \s and \S
- JavaScript: RegEx \b and \B
- JavaScript: RegEx \0
- JavaScript: RegEx \n
- JavaScript: RegEx \xxx
- JavaScript: RegEx \xdd
- JavaScript: RegEx quantifiers
- JavaScript: RegEx test()
- JavaScript: RegEx lastIndex
- JavaScript: RegEx source
- JavaScript Programs
- JavaScript Programs
JavaScript \xxx Metacharacter | Find Character using Octal Number
The JavaScript \xxx metacharacter is used when we need to match a character using its octal number (in the form xxx), while working with JavaScript regular expressions. For example:
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> let myString = "JavaScript is Fun."; let pattern = /\165/; document.getElementById("xyz").innerHTML = myString.search(pattern); </script> </body> </html>
In the above example, the following JavaScript statement:
let myString = "JavaScript is Fun.";
defines a string variable "myString" with the value "JavaScript is Fun." Then a regular expression variable pattern that matches the Unicode code point for the lowercase letter "u" is defined through the second JavaScript statement:
let pattern = /\165/;
In octal notation, the code point is represented as 165. Now using the following or the third JavaScript statement:
document.getElementById("xyz").innerHTML = myString.search(pattern);
The search() method is invoked on the myString variable with the pattern variable as an argument. The search() method looks for the first occurrence of the pattern in the string and returns the index of the match. And then sets the innerHTML property of the HTML element with the ID "xyz" to the search() method result.
Since the octal value 165 refers to u, and the index of u in the string is 15. Therefore, the program has produced 15 as output.
Note: The search() method is used to search a substring (value) in a string using a regular expression.
Now, before closing the discussion on the "\xxx" metacharacter when working with the JavaScript RegEx, I'm willing to include one more example with proper comments to explain the codes in the program itself. So here is the example program demonstrating the "\xxx" metacharacter in JavaScript RegEx.
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> // Define a string with octal escape sequences const myString = "\101\102\103"; // Define a pattern that matches any uppercase letter const myPattern = /[A-Z]/; // Test the pattern against the string const isMatch = myPattern.test(myString); // Display the result in the HTML document document.getElementById("demo").innerHTML = isMatch; </script> </body> </html>
true
In this example, we define a string myString with octal escape sequences \101\102\103, which is equivalent to the string "ABC". We then define a regular expression pattern myPattern that matches any uppercase letter using the character class [A-Z].
We test the pattern against the string using the test() method and store the result in the isMatch variable. Finally, we display the result in the HTML document by setting the innerHTML property of the "p" element with the id "demo".
« Previous Tutorial Next Tutorial »