JavaScript 正则表达式

最新推荐文章于 2024-09-14 18:52:56 发布

软件技术NINI

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量312

点赞数 5

分类专栏： js 文章标签： javascript 正则表达式 mysql

本文链接：https://blog.csdn.net/2301_78133614/article/details/141266231

版权

js 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

正则表达式是构成搜索模式的字符序列。

该搜索模式可用于文本搜索和文本替换操作。

什么是正则表达式？

正则表达式是构成搜索模式（search pattern）的字符序列。

当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。

正则表达式可以是单字符，或者更复杂的模式。

正则表达式可用于执行所有类型的文本搜索和文本替换操作。

语法

/pattern/modifiers;

实例

var patt = /w3school/i;

例子解释：

/w3school/i 是一个正则表达式。

w3school 是模式（pattern）（在搜索中使用）。

i 是修饰符（把搜索修改为大小写不敏感）。

使用字符串方法

在 JavaScript 中，正则表达式常用于两个字符串方法：search() 和 replace()。

search() 方法使用表达式来搜索匹配，然后返回匹配的位置。

replace() 方法返回模式被替换处修改后的字符串。

使用字符串方法 search() 来处理字符串

search() 方法也接受字符串作为搜索参数。字符串参数将被转换为正则表达式：

实例

使用字符串来执行对 "W3school" 的搜索：

var str = "Visit W3School!";
var n = str.search("W3School");
//6

在字符串方法 search() 中使用正则表达式

实例

使用正则表达式执行搜索字符串中 "w3school" 的大小写不敏感的搜索：

var str = "Visit W3School";
var n = str.search(/w3school/i);

n 中的结果将是：6

使用字符串方法 replace() 处理字符串

replace() 也接受字符串作为搜索参数

<!DOCTYPE html>
<html lang="en">

<body>
    <button onclick="myFunction()">试一试</button>
    <p id="demo">你是好美</p>
    <script>
        function myFunction() {
            var str = document.getElementById("demo").innerHTML;
            var txt = str.replace("好美", "超美");
            document.getElementById("demo").innerHTML = txt;
        }
    </script>
</body>

</html>

点击前：

点击后：

在字符串方法 replace() 中使用正则表达式

实例

<!DOCTYPE html>
<html lang="en">

<body>
    <button onclick="myFunction()">试一试</button>
    <p id="demo">Please visit xiaotian and xiaotian!</p>
   <script>
    function myFunction(){
        var str =document.getElementById("demo").innerHTML;
        var txt =str.replace(/xiaotian/i,"nihao");
        document.getElementById("demo").innerHTML=txt;
    }
   </script>
</body>
</html>

点击前：

点击后：

正则表达式参数（而不是字符串参数）可以在上面的方法中使用。

正则表达式可以使您的搜索更强大（例如，不区分大小写）。

正则表达式修饰符

修饰符可用于大小写不敏感的更全局的搜素

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

正则表达式模式

括号用于查找一定范围的字符串

表达式	描述
[abc]	查找方括号之间的任何字符。
[0-9]	查找任何从 0 至 9 的数字。
(x\|y)	查找由 \| 分隔的任何选项。

元字符（Metacharacter）是拥有特殊含义的字符

元字符	描述
\d	查找数字。
\s	查找空白字符。
\b	匹配单词边界。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

Quantifiers 定义量词：

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。

使用 RegExp 对象

在 JavaScript 中，RegExp 对象是带有预定义属性和方法的正则表达式对象。

使用 test()

test() 是一个正则表达式方法。

它通过模式来搜索字符串，然后根据结果返回 true 或 false。

下面的例子搜索字符串中的字符 "e"：

实例

<!DOCTYPE html>
<html lang="en">

<body>
    <p id="p01">The best things in life are free!</p>
    <p id="demo"></p>
    <script>
        text = document.getElementById("p01").innerHTML;
        document.getElementById("demo").innerHTML = /e/.test(text);
    </script>
</body>

</html>
//The best things in life are free!

//true

不必首先把正则表达式放入变量中。上面的两行可缩短为一行：

/e/.test("The best things in life are free!");

使用 exec()

exec() 方法是一个正则表达式方法。

它通过指定的模式（pattern）搜索字符串，并返回已找到的文本。

如果未找到匹配，则返回 null。

<!DOCTYPE html>
<html lang="en">

<body>
    <p id="demo"></p>
    <script>
        var obj = /e/.exec("The best things in life are free!");
        document.getElementById("demo").innerHTML =
            "Found " + obj[0] + " in position " + obj.index + " in the text: " + obj.input;
    </script>
</body>

</html>
//Found e in position 2 in the text: The best things in life are free!