js正则表达式详解及示例讲解

所谓正则表达式,简单来说就是一种规则,一种计算机能读懂的规则。js中的正则表达式语法是Perl5(一种很早的编程语言)的正则语法的子集。本文将在基础知识的基础上添加示例帮助快速理解正则表达式。

学习正则要对字符串以及字符串的函数非常了解,在此不多赘述,了解字符串可见另一篇文章,链接:http://www.cnblogs.com/pomelott/p/6567618.html

1.正则表达式的创建方法

1.1 var reg=new RegExp(表达式,修饰符)

1.2 var reg=/表达式/修饰符

2.正则表达式的字符类(可表示一类字符)

[...]      方括号内的任意一个字符(记住是一个)

[^...]     不是方括号内的任意字符

[a|b]       a或b,只能是一个

\w                   任何ASCII字符,等价于[0-9a-zA-Z_]

\w                   任何不是ASCII字符组成的单词,等价于[^0-9a-zA-Z]

\d                   任何数字,等价于[0-9]

\D                   任何非ASCII编码数字,等价于[^0-9]

\s                    任何Unicode空白符

\S                   任何非Unicode空白符

.                      换行符和和其他Unicode行终止符之外的任意字符

[\b]                 退格直接量

    var str="aSsdAeffa";
var reg=/a/ig; //i为ignore(忽略大小写) g为global(全局匹配) ig顺序可调换
console.log(typeof reg); //Object 正则表达式是一个对象,而不是字符串。new RegExp()在内部也同样利用第一个参数的字符串创建一个正则对象
console.log(reg.test(str)); //true 注意这是正则自带的方法,而不是字符串
console.log(str.match(reg)); //["a", "A", "a"] 全局不区分大小写 ,返回数组
    var str2="afds15d dw";
var reg2=/\d/g;
var reg3=/\w\d/;
console.log(str2.search(reg2)); //
console.log(str2.search(reg3)); //3 寻早一个字符在前数字在后的组合

3. 修饰符

i             ignore忽略大小写进行匹配

g           global进行全局匹配

m          多行匹配,^匹配一行的开头和字符串的开头,$匹配行的结束和字符串的结束

    var str3="AsadwAPoamelOtT";
var reg4=/a/;
var reg5=/a/i;
var reg6=/a/g;
var reg7=/a/gi;
console.log(str3.match(reg4)); //["a", index: 2, input: "AsadwAPoamelOtT"]
console.log(str3.match(reg5)); //["A", index: 0, input: "AsadwAPoamelOtT"]
console.log(str3.match(reg6)); //["a", "a"]
console.log(str3.match(reg7)); //["A", "a", "A", "a"]

4. 量词,修饰前一个字符

{n,m}         n-m此

{n,}            大于等于n次

{,m}           小于等于m次

?                  0次或一次,等价于{0,1}

+                 一次或多次,等价于{1,}

*                 匹配前一项0次或多次,等价于{0,}

      var str4="saf_344 fa4f66gp 9a";
var reg8=/\d+/g;
var reg9=/\d\d/g;
var reg10=/\d{2,}/g;
var reg11=/\d/g;
console.log(str4.match(reg8)); //["344", "4", "66", "9"]
console.log(str4.match(reg9)); //["34", "66"]
console.log(str4.match(reg10)); //["344", "66"]
console.log(str4.match(reg11)); //["3", "4", "4", "4", "6", "6", "9"]

5. 锚字符

^            匹配一行的开头

$            匹配一行的结尾

\b          单词边界,意为\w与\w之间的位置,或者位于字符\w与字符串的开头挥着结尾之间的位置

\B          匹配非单词边界

平时不带^和$的正则表达式匹配的是包含符合正则规则的,而加了^和$的表达式匹配的是完全符合正则规则的。

例:邮箱验证

        var str5="pomelott@163.com";
var str6="pomelo163.com";
var str7="pomelo@163com";
var reg12=/^\w+@\w+\.[a-z]{2,4}$/;
console.log(reg12.test(str5)); //true
console.log(reg12.test(str6)); //false
console.log(reg12.test(str7)); //false

6.选择

6.1   /a|b/   匹配a部分或者b部分

          var reg13=/a|b/g;
var str8="adfsbrsar";
console.log(str8.match(reg13)); //["a", "b", "a"]

6.2  /..[a|b]../    匹配a或者b

            var reg14=/\da|b\d/g;
var reg15=/\d[a|b]\d/g;
var str9="4fd4a6e5b55";
console.log(str9.match(reg14)); //["4a", "b5"]
console.log(str9.match(reg15)); //["4a6", "5b5"]

例:去掉行首或者行尾的空格

            var reg16=/^\s+|\s+$/g;
var str10=" pomelo tt ";
console.log(str10.replace(reg16,"")); //pomelo tt

6.3 分组()  将括号内的当成整体来操作,可以用*,+,?,|进行整体修饰

            var str11="java";
var str12="javascript";
var reg17=/java(script)?/; //script可以有也可以没有
console.log(reg17.test(str11));
console.log(reg17.test(str12));
            var reg18=/(ab|cd)+|ef/;    //用于匹配存在 一个或多个(ab或cd)或一个ef 的字符串

最后再附上两个例子:

例1.敏感词过滤:我们在游戏中经常看到的***

    var reg19=/fuck|草|日/g;
var str13="fuck!真实日了狗了!";
console.log(str13.replace(reg19,"*")); //*!真实*了狗了!

例2. 检测中文:

    var reg20=/[\u4e00-\u9fa5]/g;    //u为Unicode编码  4e00-9fa5 为数字编码范围
var str14="pomelo忒忒,wo是qianduan程序员";
console.log(str14.match(reg20)); //["忒", "忒", "是", "程", "序", "员"]

喜欢请点击右下角推荐,如有疑问可以留言。转载请标明出处。

上一篇:POJ3321Apple Tree Dfs序 树状数组


下一篇:RMAN基础恢复测试