- 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 \n Metacharacter | RegEx Match New Line
The JavaScript \n metacharacter is used to match a new line in a specified string using a JavaScript regular expression. For example:
<!DOCTYPE html>
<html>
<body>
<p id="xyz"></p>
<script>
let myString = "JavaScript is Fun.\nIs not it?";
let pattern = /\n/;
document.getElementById("xyz").innerHTML = myString.search(pattern);
</script>
</body>
</html>Since the new line character, that is, \n is available at index number 18 in the specified string, the output produced by the above JavaScript code is 18.
Note: The search() method is used to search a substring (value) in a string using a regular expression.
In the above example, the string "JavaScript is Fun.\nIs not it?" is assigned to the variable "myString." The "\n" escape sequence represents a newline character, which breaks the string into lines.
A regular expression that matches the newline character is assigned to the "pattern" variable. To indicate that the regular expression is a pattern to be searched for, it is enclosed in forward slashes (/).
The search() method is called on the "myString" variable with the "pattern" regular expression as an argument. The search() method returns the index of the first occurrence of the pattern in the string, or -1 if the pattern is not found.
The innerHTML property of the "p" element with the ID "xyz" is set to the result of the search() method. In this case, it will be the index of the first newline character in the string, which is 18.
Now, before closing the discussion on the JavaScript "\n" metacharacter, I'm willing to include one more example that might help you understand this topic more. So here is an example:
<!DOCTYPE html>
<html>
<body>
<script>
// Declare a string variable containing a line break
let myString = "Hello\nWorld!";
// Use console.log() to display the string to the console
console.log(myString);
</script>
</body>
</html>Hello World!
In the preceding example, I used "\n" between the words "Hello" and "World" within the string "Hello\nWorld," which is then assigned to the variable "myString." As a result, when I used "console.log()" to print the value of the variable "myString," the output console would first display the word "Hello," then a line break, and finally the word "World."
« Previous Tutorial Next Tutorial »