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

开发 前端
RegExp:是正则表达式(regular expression)的简写。

RegExp是正则表达式(regular expression)的简写。

一、什么是 RegExp?

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

当项目检索某个文本时,可以使用一种模式来描述要检索的内容。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())的实际运用。通过案例的分析一一的讲解,运行效果图的展示。

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

责任编辑:华轩 来源: 前端进阶学习交流
相关推荐

2023-08-27 15:18:17

JavaScriptRegExp

2023-07-25 16:06:57

JavaScript对象

2024-07-02 14:14:18

2024-09-02 14:07:05

2023-05-30 15:06:21

JavaScript属性开发

2021-07-02 10:00:50

JavaScriptObject 函数

2020-10-22 09:08:34

JavaScript

2021-01-29 18:41:16

JavaScript函数语法

2020-11-10 10:48:10

JavaScript属性对象

2021-02-02 18:39:05

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch

2024-01-30 13:47:45

2023-09-06 14:57:46

JavaScript编程语言

2021-01-26 23:46:32

JavaScript数据结构前端

2021-05-18 08:30:42

JavaScript 前端JavaScript时

2024-04-19 14:23:52

SwitchJavaScript开发

2023-07-30 15:18:54

JavaScript属性

2021-03-09 14:04:01

JavaScriptCookie数据

2021-03-05 18:04:15

JavaScript循环代码

2021-06-24 09:05:08

JavaScript日期前端
点赞
收藏

51CTO技术栈公众号