JavaScript RegExp \n 元字符

2025年3月2日 | 阅读 4 分钟

正则表达式 "\n" 在 JavaScript 中表示输入字符串中的可用换行符。如果存在换行符，则 `search` 方法会返回其位置；否则，返回 "-1"。我们可以使用此元字符来测试、搜索和匹配所需的字符串。

语法

该语法用于表示输入字符串中的换行符。

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

描述

换行符元字符无需修饰符即可操作所有值。
我们可以使用正则表达式方法配合正则表达式模式和元字符。

支持的浏览器

RegExp \n 元字符支持以下浏览器，可通过 JavaScript 函数使用。

谷歌浏览器
Apple Safari
Mozilla Firefox
Opera
Internet Explorer

示例

以下示例使用 "\n" 正则表达式元字符在 JavaScript 中搜索、匹配、测试和执行换行符值。

示例 1

以下示例展示了 JavaScript 中正则表达式的换行符元字符测试。如果值存在，`test` 方法返回 `true`，否则返回 `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>

输出

输出显示了字符串中的非单词字符。

$JavaScript RegExp \n Metacharacter$

示例 2

以下示例显示了在 tttttttttt 中正则表达式换行符元字符的位置。如果换行符值不可用，则输出为 "-1"。

<!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>

输出

输出显示了字符串中换行符的位置。

$JavaScript RegExp \n Metacharacter$

示例 3

以下示例显示了 JavaScript 中正则表达式换行符元字符的位置。如果换行符值不可用，则输出为 "null"。

<!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>

输出

输出显示了字符串中换行符的位置。

$JavaScript RegExp \n Metacharacter$

示例 4

以下示例显示了 JavaScript 中正则表达式可用的换行符元字符。如果换行符值可用，则将该值替换为所需的输入。

<!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>

输出

输出显示了字符串中换行符的替换值。

$JavaScript RegExp \n Metacharacter$

结论

正则表达式有助于使用 JavaScript 方法在信息中查找换行符。

简单的元字符可用于验证用户交互式数据。

下一主题Encodeuri-in-javascript

JavaScript RegExp \n 元字符

语法

支持的浏览器

示例

示例 1

示例 2

示例 3

示例 4

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript RegExp \n 元字符

语法

支持的浏览器

示例

示例 1

示例 2

示例 3

示例 4

结论

相关帖子

如何在 JavaScript 中将两个数字相加

JavaScript array.length

JavaScript 输入

JavaScript 中的 onkeypress 事件

JavaScript 中 const 和 let 的区别

JavaScript 最新版本

Javascript Regex 编译方法

JavaScript 指针

JavaScript RegExp [0-9] 组（不适用于数字）