javaScript RegExp 正则表达式的使用

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

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

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

匹配规则:

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

w 匹配一个字母或者数字,如'0aw'既可匹配'0a8',还可匹配‘0aa’;  'www'可匹配'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 = /whd88188/;

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,直到结束仍没有匹配到

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

 
原文地址:https://www.cnblogs.com/wuhaidong-me/p/6379109.html