正则表达式基础

2018-11-26  本文已影响0人  Z_xp

修饰符

元字符

 * + ? $ ^ . | \ () {} []
\t 水平制表符 - tab
\v 垂直制表符
\n 换行符
\r 回车符
\0 空字符
\f 换页符
\cX 与X对应的控制字符(Ctrl+X)

字符类

字符类取反

范围类

预定义类

边界

- '@123
- @456
- @789'.replace('/^@\d/gm','Q') -- 多行全局匹配以@开头后跟数字的字符串

量词

- ? 出现0次或1次(最多出现一次)
- + 出现1次或多次(至少出现一次)
- * 出现零次或多次(任意次)
- {n} 出现n次    -- \d{20}
- {n,m} 出现n到m次
- {n,} 至少出现n次

贪婪模式

 '12345678'.replace(/\d{3,6}/g,'x')   // 'x78'

非贪婪模式 ?

分组 ()

- (Byron){3}
- 'a1b2c3d4'.replace(/([a-z]\d){3}/g,'X')   // 'Xd4'

或 |

- Byron | Casper -- 'ByronCasper'.replace(/Byron | Casper/g,'X')  // 'XX'
- Byr(on|Ca)sper -- 'ByronsperByrCasper'.replace(/Byr(on|Ca)sper/g,'X')  // 'XX'

反向引用 $

- '2015-12-05'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$3/$2/$1')
- $捕获分组

忽略分组

前瞻

- 'a2*34v8'.replace(/\w(?=\d)/g,'X')  // 'X2*X4X8'
- 'a2*34vv'.replace(/\w(?=\d)/g,'X')  // 'X2*X4vv'
- 'a2*34vv'.replace(/\w(?!\d)/g,'X')  // 'aX*3XXX'

对象属性

正则表达式对象本身的两个方法

RegExp.prototype.test(str)

RegExp.prototype.exec(str)

exec()有两个额外属性:

非全局调用

字符串对象方法

Stringl.prototype.search(reg)

Stringl.prototype.match(reg)

非全局调用

全局调用

String.prototype.split(reg)

'a,b,c,d'.split(',');   // ['a','b','c','d']
'a1b2c3'.split(/\d/g); // ['a','b','c']

String.prototype.replace

- 'a1b2c3d4'.replace(/\d/g, function(match,index,origin){
    console.log(index);
    return parseInt(match) + 1;
});   // 'a2b3c4d5'

有分组例子: 强大,适合复杂需求

- 'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g, function(match, group1, group2, group3, index, orign){
    console.log(match);
    return group1 + group2;
})  //  'a12c34e5'

注意事项

js通过内置对象RegExp支持正则表达式

有两种方法实例化RegExp对象

上一篇 下一篇

猜你喜欢

热点阅读