JavaWeb JavaScript ⑨ 正则表达式

生命的价值在于你能够镇静而又激动的欣赏这过程的美丽与悲壮

------ 24.8.31

一、正则表达式简介

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

1.语法

javascript 复制代码

var patt=new RegExp(pattern,modifiers);
// 或者更简单的方式:
var patt=/pattern/modifiers;

2.修饰符

i 执行对大小写不敏感的匹配

g 执行全局匹配（查找所有匹配而并非在找到第一个匹配后停止）

m 执行多行匹配

javascript 复制代码

        // ③ 替换
        // i:不区分大小写 全局匹配 reg
        var reg = /会/g
        // 自定义一个字符串
        var str="一切都会好的";
        var newStr=str.replace(reg,"不会"); // 一切都不会好的
        console.log(newStr); // 一切都不会好的

javascript 复制代码

        // ② 匹配 
        // g:全局的意思 全局匹配 reg 
        var reg = /好|坏/
        // 自定义一个字符串
        var str="一切都会好的";
        var res=str.match(reg); // ["好"]
        console.log(res); // ["好"]

3.方括号

$abc\] 查找方括号之间的任何字符 \[\^abc\] 查找任何不在方括号之的字符 \[0-9\] 查找任何 0 至 9 的数字 \[a-z\] 查找任何小写 a 到小写 z 的字符 \[A-Z\] 查找任何大写 A 到大写 Z 的字符 \[A-z\] 查找任何大写 A 到小写 z 的字符 \[adgk\] 查找给定集合内的任何字符 \[\^adgk\] 查找给定集合外的任何字符 \[red\|blue\|green\] 查找任何指定的选项。$

javascript 复制代码

        var str1 = "Java is a good language";
        var str2 = "JavaScript is a good language";
        // 全局匹配是否含有good
        var reg1 = /good/gi;
        // 匹配以Java开头的字符串
        var reg2 = /^Java/i;
        // 变量内是否包含good
        console.log(reg1.test(str1)); // true
        console.log(reg1.test(str2)); // true
        // 变量是否以Java开头
        console.log(reg2.test(str1)); // true
        console.log(reg2.test(str2)); // false
        // $:匹配字符串的结尾 全局匹配 reg
        var reg = /language$/gi;
        console.log(reg.test(str1)); // true
        console.log(reg.test(str2)); // true
        var reg = /^java$/i;
        str3 = "Java";
        console.log(reg.test(str3)); // true

4.量词

5.常用正则表达式

例：

电子邮箱

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            正则表达式处理字符串
            ① /x/ 匹配字符串中的x
            ② g:全局的意思 全局匹配 reg 
            ③ i:不区分大小写 全局匹配 reg
            ④ $:匹配字符串的结尾 全局匹配 reg
            ⑤ ^:匹配字符串的开头 全局匹配 reg
        */

        // ① 验证
        var reg = /好/
        // 自定义一个字符串
        var str="一切都会好的";
        // 校验是否符合正则的规则
        console.log(reg.test(str)); // true

        // ② 匹配 
        // g:全局的意思 全局匹配 reg 
        var reg = /好|坏/
        // 自定义一个字符串
        var str="一切都会好的";
        var res=str.match(reg); // ["好"]
        console.log(res); // ["好"]

        // ③ 替换
        // i:不区分大小写 全局匹配 reg
        var reg = /会/g
        // 自定义一个字符串
        var str="一切都会好的";
        var newStr=str.replace(reg,"不会"); // 一切都不会好的
        console.log(newStr); // 一切都不会好的

        var str1 = "Java is a good language";
        var str2 = "JavaScript is a good language";
        // 全局匹配是否含有good
        var reg1 = /good/gi;
        // 匹配以Java开头的字符串
        var reg2 = /^Java/i;
        // 变量内是否包含good
        console.log(reg1.test(str1)); // true
        console.log(reg1.test(str2)); // true
        // 变量是否以Java开头
        console.log(reg2.test(str1)); // true
        console.log(reg2.test(str2)); // false
        // $:匹配字符串的结尾 全局匹配 reg
        var reg = /language$/gi;
        console.log(reg.test(str1)); // true
        console.log(reg.test(str2)); // true
        var reg = /^java$/i;
        str3 = "Java";
        console.log(reg.test(str3)); // true
        
        /*
            校验用户名是否合法
            1.用户名必须是字母开始
            2.长度必须是6-10位
            3.后面其他字符可以是大小写字母、数字、下划线
            4.不能包含空格
        */
        var str4 = "Allbetter";
        // {}:数量词，表示前面的字符出现的次数
        var reg = /^[a-zA-Z][a-zA-Z0-9_]{5,9}$/
        console.log(reg.test(str4)); // true

    </script>
</head>
<body>
    
</body>
</html>