一篇文章带你了解 JavaScript RegExp 对象当项目检索某个文本时

2024-06-13 04:12:32 [百科] 来源：避面尹邢网

一篇文章带你了解 JavaScript RegExp 对象

作者：前端进阶者 2023-07-06 14:40:38开发前端 RegExp：是篇文正则表达式（regular expression）的简写。

RegExp是章带正则表达式（regular expression）的简写。

一篇文章带你了解 JavaScript RegExp 对象当项目检索某个文本时

一、篇文什么是章带 RegExp？

正则表达式描述了字符的模式对象。

一篇文章带你了解 JavaScript RegExp 对象当项目检索某个文本时

当项目检索某个文本时，篇文可以使用一种模式来描述要检索的章带内容。RegExp 就是篇文这种模式。

一篇文章带你了解 JavaScript RegExp 对象当项目检索某个文本时

简单的章带模式可以是一个单独的字符。更复杂的篇文模式包括了更多的字符，并可用于解析、章带格式检查、篇文替换等等。章带可以规定字符串中的篇文检索位置，以及要检索的章带字符类型，等等。篇文

二、语法

var patt=new RegExp(pattern,modifiers);

或更简单的方法

var patt=/pattern/modifiers;

注：

当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。

比如，以下是等价的：

var re = new RegExp("\\w+");var re = /\w+/;

三、RegExp 对象

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

四、RegExp 修饰符

修饰符用于执行不区分大小写和全文的搜索。

i- 修饰符是用来执行不区分大小写的匹配。

g- 修饰符是用于执行全文的搜索（而不是在找到第一个就停止查找,而是找到所有的匹配）。

1. 实例 1

在字符串中不区分大小写找"runoob"。

var str = "Visit RUnoob"; var patt1 = /runoob/i;

以下标记的文本是获得的匹配的表达式：

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title>项目</title>    </head>    <body style="background-color: aqua;">        <script>            var str = "Visit RUnoob";            var patt1 = /runoob/i;            document.write(str.match(patt1));</script>    </body></html>

运行效果：

2. 实例 2

全文查找 "is"

var str="Is this all there is?"; var patt1=/is/g;

完整代码：

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title>项目</title>    </head>    <body style="background-color: aqua;">        <script>            var str = "Is this all there is?";            var patt1 = /is/g;            document.write(str.match(patt1));</script>    </body></html>

运行效果：

3. 实例 3

全文查找和不区分大小写搜索 "is"。

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title>项目</title>    </head>    <body style="background-color: aqua">        <script>            var str = "Is this all there is?";            var patt1 = /is/gi;            document.write(str.match(patt1));</script>    </body></html>

运行效果：

五、方法

test()

test()方法搜索字符串指定的值，根据结果并返回真或假。

下面的示例是从字符串中搜索字符 "e" ：

1. 实例1

<script>      var patt1 = new RegExp("e");      document.write(patt1.test("The best things in life are free"));</script>

由于该字符串中存在字母 "e"，

运行效果：

注：

当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。

2. 实例2

<script>      var str = 'runoob';      var patt1 = new RegExp('\\w', 'g'); // 有转义作为正则表达式处理      var patt2 = new RegExp('\w', 'g'); // 无转义作为字符串处理      var patt3 = /\w+/g; // 与 patt1 效果相同      document.write(patt1.test(str)) //输出 true      document.write("<br>")      document.write(patt2.test(str)) //输出 false      document.write("<br>")      document.write(patt3.test(str)) //输出 true</script>

exec()

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

下面的示例是从字符串中搜索字符 "e" ：

实例

<script>      var patt1=new RegExp("e");      document.write(patt1.exec("The best things in life are free"));</script>

由于该字符串中存在字母 "e"。

运行效果：

六、总结

本文基于JavaScript 基础，介绍了 RegExp 对象，基本的语法，RegExp 修饰符，常用的方法（text（），exec（））的实际运用。通过案例的分析一一的讲解，运行效果图的展示。

欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

责任编辑：华轩来源：前端进阶学习交流 RegExpJavaScript

(责任编辑：娱乐)

一篇文章带你了解 JavaScript RegExp 对象 当项目检索某个文本时

一篇文章带你了解 JavaScript RegExp 对象

一、篇文什么是章带 RegExp？

二、语法

三、RegExp 对象

四、RegExp 修饰符

1. 实例 1

2. 实例 2

3. 实例 3

五、方法

test()

1. 实例1

2. 实例2

exec()

六、总结

友情链接

一篇文章带你了解 JavaScript RegExp 对象当项目检索某个文本时