JavaScript RegExp \n Metacharacter

The regex "\n" shows the available new line in the input string in JavaScript. If the new line element is available, then the position of the values shows; otherwise "-1" value shows using the search method. We can test, search, and match the required string using this Metacharacter.

Syntax

The syntax is used to show new line elements of the input string.

/\n/
or
new RegExp("\n")

Description:

The new line metacharacter does not need a modifier to operate all values.
We can use the regex method with regex patterns and metacharacters.

Supported Browsers

The RegExp \n Metacharacter supports the following browsers supported using the javascript function:

Google Chrome
Apple Safari
Mozilla Firefox
Opera
Internet Explorer

Examples

The following examples use to search, match, test, and execute new line values using the "\n" regex metacharacter in javascript.

Example 1

The following example shows a test new line metacharacter of the regex in javascript. If the value is available, the test method shows true otherwise false.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp \n (new line) Metacharacter
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp \n Metacharacter
</h3>
<h4> We can use the validation for the new line values position in the input string.
</h4>
<div id = "regex_information">
</div>
<!-- click the button to get the new line position's output -->
<button onclick = "display();"> Click Here! </button>
</div>
<script>
function display() {
// use a new line regex pattern    
let input_pattern = /\n/;
// regex test method works with the input value and regex pattern
var t1 = input_pattern.test('\n992JavaScript2');
var t2 = input_pattern.test('Hii~.\n=@Err');
var t3 = input_pattern.test('%!@!#$%');
// output shows a boolean value for the availability of the new line
var ele = document.getElementById("regex_information");
ele.innerHTML = "\n992JavaScript2 : "+t1+"<br> Hii~.\n=@Err : "+t2+" <br> %!@!#$% : "+t3
}
</script>
</body>
</html>

Output

The output shows the non-word character of the string.

$JavaScript RegExp \n Metacharacter$

Example 2

The following example shows the position of the new line metacharacter of the regex in tttttttttt. If a new line value is unavailable, then "-1" shows as an output.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp \n (new line) Metacharacter
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp \n Metacharacter
</h3>
<h4> We can use the validation for the new line values position in the input string.
</h4>
<div id = "regex_information">
</div>
<!-- click the button to get the new line position's output -->
<button onclick = "display();"> Click Here! </button>
</div>
<script>
function display() {
//use new line metacharacter in regex
let input_pattern = /\n/;
var input_val1 = 'java t point\n';
var input_val2 = '!!#HiiErr';
var input_val3 = '\n%!@!#$%0';
// regex search method works with the input value and regex pattern
var t1 = input_val1.search(input_pattern);
var t2 = input_val2.search(input_pattern);
var t3 = input_val3.search(input_pattern);
//get output of the search method with new line regex pattern
var ele = document.getElementById("regex_information");
ele.innerHTML = "java t point\n : "+t1+"<br> !!#HiiErr : "+t2+" <br> \n%!@!#$% : "+t3;
}
</script>
</body>
</html>

Output

The output shows the position of the new line of the string.

$JavaScript RegExp \n Metacharacter$

Example 3

The following example shows the position of the new line metacharacter of the regex in JavaScript. If a new line value is unavailable, then "null" is an output.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp \n (new line) Metacharacter
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp \n Metacharacter
</h3>
<h4> We can use the validation for the new line values position in the input string.
</h4>
<div id = "regex_information">
</div>
<!-- click the button to get the new line position's output -->
<button onclick = "display();"> Click Here! </button>
</div>
<script>
function display() {
//use new line metacharacter in regex
let input_pattern = /\n/;
var input_val1 = 'java t point\n';
var input_val2 = '!!#HiiErr';
var input_val3 = '\n%!@!#$%0';
// regex match method works with the value and regex variable
var t1 = input_val1.match(input_pattern);
var t2 = input_val2.match(input_pattern);
var t3 = input_val3.match(input_pattern);
//output shows array format data on the web page
var ele = document.getElementById("regex_information");
ele.innerHTML = "java t point\n : "+t1+"<br> !!#HiiErr : "+t2+" <br> \n%!@!#$% : "+t3;
}
</script>
</body>
</html>

Output

The output shows the position of the new line of the string.

$JavaScript RegExp \n Metacharacter$

Example 4

The following example shows the available new line metacharacter of the regex in javascript. If a new line value is available, then the value is replaced with the required input.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp \n (new line) Metacharacter
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp \n Metacharacter
</h3>
<h4> We can use the validation for the new line values position in the input string.
</h4>
<div id = "regex_information">
</div>
<!-- click the button to get the new line regex's output -->
<button onclick = "display();"> Click Here! </button>
</div>
<script>
function display() {
//use new line metacharacter in regex
let input_pattern = /\n/;
var input_val1 = 'java t point\n';
var input_val2 = '!!#HiiErr';
var input_val3 = '\n%!@!#$%0';
// use replace the value
var replace_val = '@@';
// regex replace method works with the value and regex variable
var t1 = input_val1.replace(input_pattern, replace_val);
var t2 = input_val2.replace(input_pattern, replace_val);
var t3 = input_val3.replace(input_pattern, replace_val);
//output shows array format data on the web page
var ele = document.getElementById("regex_information");
ele.innerHTML = "java t point\n : "+t1+"<br> !!#HiiErr : "+t2+" <br> \n%!@!#$% : "+t3;
}
</script>
</body>
</html>

Output

The output shows the replacement value of the new line in the string.