Javascript正则表达式笔录【2】-CSDN博客

本文链接：https://blog.csdn.net/CreatorGG/article/details/84145634

文章目录

方形括号的用法

[] 用于查找某个范围内的字符

/[helo]/ 匹配h或e或l或o
/[^helo]/ 匹配非helo部分
/^[0-9]$/ 匹配一个0-9的数字
/^[a-z]$/ 匹配一个a-z的字母
/[a-z0-9]/ 匹配a到z或者0到9

示例-禁止在表单中输入非字母

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" 
        onkeyup="regExp=/[^a-z]/ig; this.value=this.value.replace(regExp,'');" 
        onblur="regExp=/[^a-z]/ig; this.value=this.value.replace(regExp,'');"/>
</body>
</html>

预定义类

元字符	等同于	作用
\w	[a-zA-Z0-9_]	匹配字母数字和下划线
\W	[^a-zA-Z0-9_]	匹配非字母数字和下划线
\d	[0-9]	匹配数字
\D	[^0-9]	匹配非数字
\s	[\n\r\t\f\x0B]	匹配一个空白字符
\S	[^\n\r\t\f\x0B]	匹配一个非空白字符

元字符	作用
\b	匹配字符串边界
\B	匹配非字符串边界
\n	匹配换行符
\f	匹配换页符
\r	匹配回车符
\t	匹配制表符
\v	匹配垂直制表符
\xxx	匹配以八进制数xxx规定的字符
\xdd	匹配以16进制数dd规定的字符
\uxxxx	匹配以十六进制数xxxx规定的Unicode字符
.	查找单个字符，除了换行和行结束符

附: Unicode编码可以上网搜索unicode编码工具来查询

边界符匹配示例

var s = "abc456 bc";
r = /bc\b/g;

console.log(s.replace(r,''));
/* 
    控制台输出: "abc456 "
*/

量词

量词	作用
*	表示匹配0个或任意多个
+	表示匹配1个或多个
?	表示匹配0个或1个
{m,n}	表示匹配m~n个，包括m和n
{m}	匹配m个，包含m个
{m,}	匹配至少m个，包括m个

量词 * 示例

    var str = "abcdEFG!@#$_.\n 123124";
    var r = /.*/mg; // .代表除了换行与行结束符外的任意字符，*代表任意个数

    console.log(str.replace(r, ''));

    /*
        控制台输出:  "
                    "
    */

    console.log(str.replace(r, '').length);
    /*
        控制台输出: 1
    */

量词 + 示例

    var str = "abcdEFG!@#$_.\n 123124";

    // .代表除了换行与行结束符外的任意字符，+代表1个或者多个
    // m代表多行，g代表全部匹配
    var r = /.+/mg; 

    console.log(str.replace(r, ''));

    /*
        控制台输出:  "
                    "
    */

    console.log(str.replace(r, '').length);
    /*
        控制台输出: 1
    */

量词 {m,n} 示例

    var str = "abcdEFG!@#$_.\n 123124";

    // 匹配4到10个任意字符，尽量匹配最大个数
    var r = /.{4,10}/; 

    console.log(str.length); //输出原始长度
    /*
        控制台输出: 23
    */
    console.log(str.replace(r, '').length);

    /*
        控制台输出: 13  
        由于字符串长度>=10，因此直接匹配了10个字符                    
    */

    console.log(str.replace(r, '').length);
    /*
        控制台输出: "@#$_.
                   "123124
    */

其他

其他	作用
?=n	匹配任何其后紧跟指定字符串n的字符串
?!n	匹配任何其后没有紧跟指定字符串n的字符串
()+	匹配至少一个模式
\|	或模式匹配
(.*)	替代字符,除了换行和行结束符
(.*?)	惰性模式，上一个为贪婪模式
$1-$…	获取替代字符查到的字符