欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javascript学习笔记之正则表达式

程序员文章站 2024-03-17 13:30:22
...

1、创建正则表达式

<script type="text/javascript">
        //一共两种创建方式

        //new关键字创建
       var reg = new RegExp('test');    //带参数
       var reg = new RegExp('test','ig');   //第二个参数可选,
                                               // 一共有三个,i:忽略大小写;g:全局匹配;m:多行匹配
       //字面量方式创建
        var reg = /test/;
        var reg = /test/ig;

    </script>


2、RegExp对象的两个方法

    <script type="text/javascript">
        var reg = new RegExp('test','i');
        var str = 'this is test regexp';
        document.writeln(reg.test(str));    //输出true
        document.writeln(reg.exec(str));    //输出test,否则null
    </script>

test方法:在字符串中测试模式匹配,返回ture或false

exec方法:在字符串中执行匹配搜索,返回结果数组


3、字符串的正则表达式方法

    <script type="text/javascript">
        var reg = /test/ig; //全局搜索,如果不是全局搜索的话只会匹配到第一个
        var str = 'this is test regexp test test';
        document.writeln(str.match(reg));    //输出test,test,test
        document.writeln('<br/>');
        document.writeln(str.search(reg));    //输出8
        document.writeln('<br/>');
        document.writeln(str.replace(reg,'demo'));    //输出this is demo regexp demo demo
        document.writeln('<br/>');
        document.writeln(str.split('test'));    //输出this is , regexp , ,
    </script>


4、RegExp对象的静态属性

    <script type="text/javascript">
        var reg = /test/igm;
        var str = 'this test is a demo!';
        reg.test(str);  //必须执行,RegExp对象的静态属性才会有效
        document.writeln(RegExp.input);    //输出this test is a demo!
        document.writeln('<br/>');
        document.writeln(RegExp.lastMatch);    //输出test
        document.writeln('<br/>');
        document.writeln(RegExp.lastParen);    //输出
        document.writeln('<br/>');
        document.writeln(RegExp.leftContext);    //输出this
        document.writeln('<br/>');
        document.writeln(RegExp.multiline);    //输出false
        document.writeln('<br/>');
        document.writeln(RegExp.rightContext);    //输出is a demo!
        document.writeln('<br/>');

        //RegExp对象的实例属性
        document.writeln(reg.global);    //输出true
        document.writeln('<br/>');
        document.writeln(reg.ignoreCase);    //输出true
        document.writeln('<br/>');
        document.writeln(reg.lastIndex);    //输出9
        document.writeln('<br/>');
        document.writeln(reg.source);    //输出test
        document.writeln('<br/>');
    </script>


5、获取控制

正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能,可以控制匹配模式的方式。反斜杠后的元字符将失去其特殊含义。


字符类:单个字符和数字

. 匹配除换行符外的任意字符

[a-z0-9] 匹配括号中的字符集中的任意字符

[^a-z0-9] 匹配任意不在括号中的字符集中的字符

\d 匹配数字

\D 匹配非数字,同[^0-9]相同

\w 匹配字母和数字及_

\W 匹配非字母和数字及_


字符类:空白字符

\0 匹配null字符

\b 匹配空格字符

\f 匹配进纸字符

\n 匹配换行符

\r 匹配回车字符

\t 匹配制表符

\s 匹配空白字符、空格、制表符和换行符

\S 匹配非空白字符


字符类:锚字符

^ 行首匹配

$ 行尾匹配

\A 只有匹配字符串开始处

\b 匹配单词边界,词在[]内时无效

\B 匹配非单词边界

\G 匹配当前搜索的开始位置

\Z 匹配字符串结束处或行尾

\z 只匹配字符串结束处


字符类:重复字符

x? 匹配0个或1个x

x* 匹配0个或任意多个x

x+ 匹配至少一个x

(xyz)+ 匹配至少一个(xyz)

x{m,n} 匹配最少m个、最多n个x


字符类:替代字符

this|where|logo 匹配this或where或logo中任意一个


字符类:记录字符

(string) 用于反向引用的分组

\1或$1 匹配第一个分组中的内容

\2或$2 匹配第二个分组中的内容

\3或$3 匹配第三个分组中的内容


/*使用点元字符*/

varpattern=/g..gle/; //.匹配一个任意字符

varstr='google';

alert(pattern.test(str));


/*重复匹配*/

varpattern=/g.*gle/; //.匹配0个一个或多个

varstr='google'; //*,?,+,{n,m}

alert(pattern.test(str));


/*使用字符类匹配*/

varpattern=/g[a-zA-Z_]*gle/; //[a-z]*表示任意个a-z中的字符

varstr='google';

alert(pattern.test(str));

varpattern=/g[^0-9]*gle/; //[^0-9]*表示任意个非0-9的字符

varstr='google';

alert(pattern.test(str));

varpattern=/[a-z][A-Z]+/; //[A-Z]+表示A-Z一次或多次

varstr='gOOGLE';

alert(pattern.test(str));


/*使用元符号匹配*/

varpattern=/g\w*gle/; //\w*匹配任意多个所有字母数字_

varstr='google';

alert(pattern.test(str));

varpattern=/google\d*/; //\d*匹配任意多个数字

varstr='google444';

alert(pattern.test(str));

varpattern=/\D{7,}/; //\D{7,}匹配至少7个非数字

varstr='google8';

alert(pattern.test(str));


/*使用锚元字符匹配*/

varpattern=/^google$/; //^从开头匹配,$从结尾开始匹配

varstr='google';

alert(pattern.test(str));

varpattern=/goo\sgle/; //\s可以匹配到空格

varstr='goo gle';

alert(pattern.test(str));

varpattern=/google\b/; //\b可以匹配是否到了边界

varstr='google';

alert(pattern.test(str));


/*使用或模式匹配*/

varpattern=/google|baidu|bing/; //匹配三种其中一种字符串

varstr='google';

alert(pattern.test(str));


/*使用分组模式匹配*/

varpattern=/(google){4,8}/; //匹配分组里的字符串4-8次

varstr='googlegoogle';

alert(pattern.test(str));

varpattern=/8(.*)8/; //获取8..8之间的任意字符

varstr='This is8google8';

str.match(pattern);

alert(RegExp.$1); //得到第一个分组里的字符串内容

varpattern=/8(.*)8/;

varstr='This is8google8';

varresult=str.replace(pattern,'<strong>$1</strong>'); //得到替换的字符串输出

document.write(result);

varpattern=/(.*)\s(.*)/;

varstr='google baidu';

varresult=str.replace(pattern,'$2 $1'); //将两个分组的值替换输出

document.write(result);


贪婪 惰性

+ +?

? ??

* *?

{n} {n}?

{n,} {n,}?

{n,m} {n,m}?


/*关于贪婪和惰性*/

varpattern=/[a-z]+?/; //?号关闭了贪婪匹配,只替换了第一个

varstr='abcdefjhijklmnopqrstuvwxyz';

varresult=str.replace(pattern,'xxx');

alert(result);

varpattern=/8(.+?)8/g; //禁止了贪婪,开启的全局

varstr='This is8google8,Thatis8google8,Thereis8google8';

varresult=str.replace(pattern,'<strong>$1</strong>');

document.write(result);

varpattern=/8([^8]*)8/g; //另一种禁止贪婪

varstr='This is8google8,Thatis8google8,Thereis8google8';

varresult=str.replace(pattern,'<strong>$1</strong>');

document.write(result);


/*使用exec返回数组*/

varpattern=/^[a-z]+\s[0-9]{4}$/i;

varstr='google 2012';

alert(pattern.exec(str)); //返回整个字符串

varpattern=/^[a-z]+/i; //只匹配字母

varstr='google 2012';

alert(pattern.exec(str)); //返回google

varpattern=/^([a-z]+)\s([0-9]{4})$/i; //使用分组

varstr='google 2012';

alert(pattern.exec(str)[0]); //google2012

alert(pattern.exec(str)[1]); //google

alert(pattern.exec(str)[2]); //2012


/*捕获性分组和非捕获性分组*/

varpattern=/(\d+)([a-z])/; //捕获性分组

varstr='123abc';

alert(pattern.exec(str));

varpattern=/(\d+)(?:[a-z])/; //非捕获性分组

varstr='123abc';

alert(pattern.exec(str));


/*使用分组嵌套*/

varpattern=/(A?(B?(C?)))/; //从外往内获取

varstr='ABC';

alert(pattern.exec(str));


/*使用前瞻捕获*/

varpattern=/(goo(?=gle))/; //goo后面必须跟着gle才能捕获

varstr='google';

alert(pattern.exec(str));


/*使用特殊字符匹配*/

varpattern=/\.\[\/b\]/; //特殊字符,用\符号转义即可

varstr='.[/b]';

alert(pattern.test(str));


/*使用换行模式*/

varpattern=/^\d+/mg; //启用了换行模式

varstr='1.baidu\n2.google\n3.bing';

varresult=str.replace(pattern,'#');

alert(result);


1.检查邮政编码

varpattern=/[1-9][0-9]{5}/; //共6位数字,第一位不能为0

varstr='224000';

alert(pattern.test(str));


2.检查文件压缩包

varpattern=/[\w]+\.zip|rar|gz/; //\d\w_表示所有数字和字母加下划线

varstr='123.zip'; //\.表示匹配.,后面是一个选择

alert(pattern.test(str));


3.删除多余空格

varpattern=/\s/g; //g必须全局,才能全部匹配

varstr='111 222333';

varresult=str.replace(pattern,''); //把空格匹配成无空格

alert(result);


4.删除首尾空格

varpattern=/^\s+/; //强制首

varstr=' goo gle ';

varresult=str.replace(pattern,'');

pattern=/\s+$/; //强制尾

result=result.replace(pattern,'');

alert('|'+result+'|');

varpattern=/^\s*(.+?)\s*$/; //使用了非贪婪捕获

varstr=' google ';

alert('|' +pattern.exec(str)[1]+'|');

varpattern=/^\s*(.+?)\s*$/;

varstr=' google ';

alert('|'+str.replace(pattern,'$1') +'|'); //使用了分组获取


5.简单的电子邮件验证

varpattern=/^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;

varstr='[email protected]';

alert(pattern.test(str));

varpattern=/^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;

varstr='[email protected]';

alert(pattern.test(str));


PS:以上是简单电子邮件验证,复杂的要比这个复杂很多,大家可以搜一下。


转载于:https://my.oschina.net/Cheney521/blog/367404