Javascript Regex 编译方法

2025年3月18日 | 阅读 5 分钟

JavaScript 的正则表达式编译方法可以在编译正则表达式后返回函数的输出。它有助于在处理 JavaScript 正则表达式模式后获取消息。

语法

获取编译时错误或消息使用的语法如下。

支持的浏览器

正则表达式编译方法支持的浏览器如下所示。

谷歌浏览器
边
火狐
Internet Explorer
Opera
Safari

示例

以下示例展示了使用 JavaScript 调用编译方法时的不同类型的正则表达式模式。

示例 1

该示例使用 match 方法和正则表达式编译方法进行验证。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp compile method
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp compile method
</h3>
<h4> The compile method gets the message of the regular expression structure </h4>
<!-- Click the button to get the ignoreCase properties output -->
<div id = "regex_group"></div>
<!-- Click the button to get quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//Use required regular expression
let input_pattern = /i+/g;
var quant_input1 = "I learn javascript language from the website.";
var quant_alter1 = quant_input1.match(input_pattern);
//Get an error or regex message while compiling regex code
var comp_var = input_pattern.compile(input_pattern);
//output shows all available "i/I" values
var ele = document.getElementById("regex_group");
ele.innerHTML = "Compiling Regex: " +comp_var+ " Available Values: " + quant_alter1;
}
</script>
</body>
</html>

输出

输出显示了编译消息和正则表达式输出。

示例 2

给出的示例使用 match search 和正则表达式编译方法进行验证。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp compile method
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp compile method
</h3>
<h4> The compile method gets the message of the regular expression structure </h4>
<!-- Click the button to get the ignoreCase properties output -->
<div id = "regex_group"></div>
<!-- Click the button to get quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//Use required regular expression
let input_pattern = /t+/gi;
var quant_input1 = "The learn javascript language from the website.";
var quant_alter1 = quant_input1.search(input_pattern);
//Get an error or regex message while compiling regex code
var comp_var = input_pattern.compile(input_pattern);
//output shows all available "i/I" values
var ele = document.getElementById("regex_group");
ele.innerHTML = "compile message of the regex: " +comp_var + " <br> Available Values: " + quant_alter1;
}
</script>
</body>
</html>

输出

输出显示了编译消息和正则表达式输出。

示例 3

该示例使用 replace 方法和正则表达式编译方法进行验证。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp compile method
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp compile method
</h3>
<h4> The compile method gets the message of the regular expression structure </h4>
<!-- Click the button to get the ignoreCase properties output -->
<div id = "regex_group"></div>
<div id = "regex_group1"></div>
<!-- Click the button to get quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//Use required regular expression
let input_pattern = /jtp/gi;
var quant_input1 = "The learn javascript language from the jtp website.";
//Get an error or regex message while compiling regex code
var comp_var = input_pattern.compile(input_pattern);
var quant_alter1 = quant_input1.replace(input_pattern, "JavaTpiont");
//output shows all available "i/I" values
var ele = document.getElementById("regex_group");
ele.innerHTML = "compile message of the regex: " +comp_var + " <br> before compile: " + quant_input1 ;
var ele1 = document.getElementById("regex_group1");
ele1.innerHTML = " After compile: " + quant_alter1 ;
}
</script>
</body>
</html>

输出

输出显示了编译消息和正则表达式输出。

示例 4

JavaScript 编译方法可与 test 方法配合使用，并获得编译方法操作的输出。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp compile method
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp compile method
</h3>
<h4> The compile method gets the message of the regular expression structure </h4>
<!-- Click the button to get the ignoreCase properties output -->
<div id = "regex_group"></div>
<!-- Click the button to get quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//Use required regular expression
let input_pattern = new RegExp("e", "gi");
var quant_input1 = "The learn javascript language from the website.";
//Get regex message while compiling regex code
var comp_var = input_pattern.compile(input_pattern);
var quant_alter1 = input_pattern.test(quant_input1);
//output shows all available "i/I" values
var ele = document.getElementById("regex_group");
ele.innerHTML = "compile message of the regex: " +comp_var + " <br> Available Values: " + quant_alter1;
}
</script>
</body>
</html>

输出

输出显示了编译消息和正则表达式输出。

示例 5

JavaScript 编译方法可与不同的正则表达式模式配合使用。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp compile method
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp compile method
</h3>
<!-- Click the button to get the ignoreCase properties output -->
<div id = "regex_group"></div>
<!-- Click the button to get quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//Use the required regular expression with the method
let input_pattern = new RegExp("^l");
var quant_input1 = "The learn javascript language";
//Get regex message while compiling regex code
var comp_var = input_pattern.compile(input_pattern);
var quant_alter1 = input_pattern.test(quant_input1);
// Output shows in boolean format
var ele = document.getElementById("regex_group");
ele.innerHTML = "compile message of the regex: " +comp_var + " <br> Available Values: " + quant_alter1;
}
</script>
</body>
</html>

输出

输出显示了编译消息和正则表达式输出。

结论

JavaScript 正则表达式编译方法可用于所有类型的正则表达式模式，以获取正则表达式错误和函数。开发人员可以轻松地使用许多正则表达式及其函数方法处理大量数据。

下一主题Javascript-booklet

Javascript Regex 编译方法

语法

支持的浏览器

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

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 Regex 编译方法

语法

支持的浏览器

示例

结论

相关帖子

最佳 JavaScript 游戏引擎

测试 JavaScript 代码

转换为字符串 JavaScript

如何在 JavaScript 中比较字符串

JavaScript 调试

如何在 JavaScript 中抛出错误

JavaScript 流 (Streams)

JavaScript 中的无限滚动

JavaScript 初学者练习题

JavaScript 中的二维数组

订阅 Tpoint Tech

联系信息

关注我们