javaScript RegExp 正则表达式的使用

首先,正则表达式 这个东西是干嘛用的?

-比如我要判断用户输入的邮箱是否合法,或者我们想提取字符串里的某个特定字符,那么我们就可以用正则表达式来解决这些问题了。

正则表达式是一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串就是匹配了,否则该字符串不合法。

匹配规则:

\d 匹配一个数字,如 '0a\d'可匹配‘0a8’,不能匹配‘0aa’;  '\d\d'可匹配'66';

\w 匹配一个字母或者数字,如'0a\w'既可匹配'0a8',还可匹配‘0aa’;  '\w\w\w'可匹配'11a','aaa' ;

. 匹配任意字符,如'wh.'可匹配'whd','whx','wh!','wh8'等等;

* 匹配任意个字符(包括0个);

+ 匹配至少1个字符

匹配0或者1个字符

-  i忽略大小写匹配

-  m多行匹配

\s 匹配一个空格(包括Tab等空白符)

{n}匹配n个字符,'\d{4}'匹配4个数字,比如'0755'

{n,m}匹配n-m个字符,'\d{3,8}'可匹配3-8个数字,如'1234','123','12345678' ; 

[] 表示范围匹配,这样可以做到更精准匹配,[0-9a-zA-Z\_]+可以匹配至少由一个数字、字母或者下划线组成的字符串,比如'a9f','a_0','2017';

A|B 可以匹配A或B,所以'(J|j)s'可以匹配'Js'和'js' ;

^表示行的开头,'^\d'表示以数字开头;

$表示行结束,'\d$'表示以数字结束;js可以匹配'jsp',加上'^js$'后只能匹配'js'了;

()表示分组;

 

JavaScript正则表达式创建的方式有两种:

第一种是通过 /正则表达式/ 形式写出来, 第二种是通过new RegExp('正则表达式')。两种方式是一样的:

var re1 = /whd\88188/;

var re2 = new RegExp('whd\\88188');  //注意这种方法需要转义,两个\\其实是一个\

re1; // /whd|88188/

re2; // /whd|88188/

 

1、如何判断正则表达式是否匹配:

var re = /^\d{4}\-\d{3-8}$/;

re.test('0755-88188'); //true

re.test('075-88188'); //false

re.test('0755-88188whd'); //false

RegExp对象的test()方法用于检测字符串是否符合条件。

 

2、如何切割字符串

split()方法用于切割字符串,切割例子如下:

'w h d'.split(''); //['w','','h','','d']

发现没有,无法识别空格,来,加点正则表达式

'w h d'.split(/\s+/);  //['w','h','d']

加上,;试试

'w,h;; d'.split(/[\s\,\;]+/); //['w','h','d']

 可以用split()方法把不规范地输入转化为规范地输入。

 

3,如何提取子串

用exec()方法提取子串,如我们要提取区号和本地号码

var re = /^(\d{4})-(\d{3,8})$/;
re.exec('0755-123456'); // ['0755-123456', '0755', '123456']
re.exec('0755 123456'); // null

exec()方法匹配成功后,回返回一个数组,第一个元素是正则表达式匹配到的整个字符串,后面是匹配成功的子串。

 

4、贪婪匹配

正则表大式默认贪婪匹配,它会匹配尽可能多的字符,举个栗子,要匹配出数字后面所有的0

var re = /^(\d+)(0*)$/;
re.exec('1023000');  //["1023000","1023000",""]

因为 \d+采用的是贪婪匹配,把'1023000'所有的数字都匹配了,结果0*匹配了空字符串,现在要不匹配所有数字,就得让\d+变成非贪婪匹配,加?能实现

var re = /^(\d+?)(0*)$/;
re.exec('1023000');  //["1023000","1023","000"]


5、全局搜索

g表示全局匹配

var re1 = /whd88188/g ; 

var re2 = new RegExp('whd88188','g');

这两种表达方式是等价的

全局匹配可以用exec()方法来搜索一个匹配的字符串,指定g标志后,每次运行exec(),正则表达式本身会更新lastIndex属性,表示上次匹配到的最后索引,

var s = 'JavaScript, VBScript, JScript and ECMAScript';
var re=/[a-zA-Z]+Script/g;

// 使用全局匹配:
re.exec(s); // ['JavaScript']
re.lastIndex; // 10

re.exec(s); // ['VBScript']
re.lastIndex; // 20

re.exec(s); // ['JScript']
re.lastIndex; // 29

re.exec(s); // ['ECMAScript']
re.lastIndex; // 44

re.exec(s); // null,直到结束仍没有匹配到

 

遇到经常过来回顾回顾……嗯,虽然是这样说……自己都要相信自己了

 

 
posted @ 2017-02-10 18:44  瘦瘦的青蛙  阅读(472)  评论(0编辑  收藏  举报