JavaScript -- 正则表达式

简介: 语法:/正则表达式主体/修饰符(可选)使用字符串方法在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()。search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。

语法:

/正则表达式主体/修饰符(可选)

使用字符串方法

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

search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。

replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

正则表达式修饰符

 

正则表达式模式:

使用 RegExp 对象

在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象。

使用 test()

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

test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。

使用 exec()

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

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

例子:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>正则表达式</title>
    </head>

    <body>

        <p>搜索字符串 "runoob", 并显示匹配的起始位置:</p>
        <button onclick="regularExpressions()">点我</button>
        <p id="demo"></p>
        <p id="demo1">请访问 Microsoft!</p>
        <p id="demo2"></p>
        <p id="demo3"></p>
        <script type="text/javascript" src="test.js" ></script>

    </body>

</html>

Js代码:

/**
 * 正则表达式
 */
function regularExpressions() {
    var str = "Visit Runoob!";
    var n = str.search(/oob/i);
    document.getElementById("demo").innerHTML = n;
    var str = document.getElementById("demo1").innerHTML;
    var txt = str.replace(/Microsoft/i, "Apple");
    document.getElementById("demo1").innerHTML = txt;
    var patt1 = new RegExp("T");
    //test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。
    document.getElementById("demo2").innerHTML = patt1.test("The best things in life are free");
    var patt1 = new RegExp("t");
    /**
     * exec() 方法用于检索字符串中的正则表达式的匹配。
     *该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
     */
    document.getElementById("demo3").innerHTML = patt1.exec("The best things in life are free");
}

 

相关文章
|
3月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
138 1
|
4月前
|
自然语言处理 JavaScript 前端开发
JavaScript 正则表达式
JavaScript 正则表达式
25 3
|
5月前
|
JavaScript 前端开发
js中通过正则表达式验证邮箱是否合法
这篇文章提供了一个JavaScript示例,通过正则表达式在网页上验证用户输入的邮箱地址是否合法,并给出了相应的提示信息。
js中通过正则表达式验证邮箱是否合法
|
7月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript中的正则表达式详细展示
JavaScript中的正则表达式详细展示
45 6
|
7月前
|
JavaScript 前端开发 测试技术
JavaScript进阶-正则表达式基础
【6月更文挑战第21天】正则表达式是处理字符串的利器,JavaScript中广泛用于搜索、替换和验证。本文讲解正则基础,如字符匹配、量词和边界匹配,同时也讨论了常见问题和易错点,如大小写忽略、贪婪匹配,提供代码示例和调试建议。通过学习,开发者能更好地理解和运用正则表达式解决文本操作问题。
54 1
|
6月前
|
JavaScript 数据安全/隐私保护
js 常用正则表达式【实用】
js 常用正则表达式【实用】
33 0
|
6月前
|
存储 JavaScript 前端开发
|
7月前
|
XML JavaScript 数据安全/隐私保护
一篇文章讲明白js常用js正则表达式大全
一篇文章讲明白js常用js正则表达式大全
46 0
|
7月前
|
JavaScript 程序员 索引
老程序员分享:JS基础知识(正则)
老程序员分享:JS基础知识(正则)
32 0
|
8月前
|
前端开发 JavaScript
前端 js 经典:正则表达式
前端 js 经典:正则表达式
66 2