正则表达式基础

修饰符

  • g 全文搜索
  • i ignore case 忽略大小写,默认大小写敏感
  • m multiple lines多行搜索

元字符

  • 正则表达式由两种基本字符类型组成:
  • 原义文本字符
  • 元字符 : 在正则表达式中有特殊含义的非字母字符 \b
 * + ? $ ^ . | \ () {} []
\t 水平制表符 - tab
\v 垂直制表符
\n 换行符
\r 回车符
\0 空字符
\f 换页符
\cX 与X对应的控制字符(Ctrl+X)

字符类

  • 一般情况下正则表达式一个字符对应字符串一个字符
  • 我们可以使用元字符[]来构建一个简单的类
  • 所谓类是指符合某些特性的对象,一个泛指,而不是特指某个字符
  • 表达式[abc]把字符a或b或c归为一类,表达式可以匹配这类的字符

字符类取反

  • 使用元字符^创建 反向类/负向类
  • 反向类的意思是不属于某类的内容
  • 表达式[^abc]表示 不是字符a或b或c的内容

范围类

  • 使用[a-z]来连接两个字符表示从a到z的任意字符
  • 这是个闭区间,包含a和z本身
  • 在[]组成的类内部是可以连写的 [a-zA-Z]
  • '2016-09'.replace(/[0-9-]/g,'A') -- 要匹配-,在范围后面加-即可

预定义类

  • 正则表达式提供预定义类来匹配常见的字符类
  • . 代表除了回车符和换行符之外的所有字符
  • \d 数字字符
  • \D 非数字字符
  • \s 空白符
  • \S 非空白符
  • \w 单词字符(字母、数字、下划线)
  • \W 非单词字符
  • 匹配一个 ab+数字+任意字符 的字符串 : ab\d.

边界

  • ^ 以xxx开始 --- 在[]内, ^ 表示取反(元字符的含义并不唯一) -- '@123@abc@123'.replace(/^@./g,'Q') //"Q23@abc@123"
  • 以xxx结束 -- '@123@abc@123'.replace(/.@/g,'Q')
  • \b 单词边界 -- 'This is a pen'.replace(/\bis\b/g,'Q')
  • \B 非单词边界 -- 'This is a pen'.replace(/\Bis\b/g,'Q')
- '@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'

非贪婪模式 ?

  • 让正则表达式尽可能少地匹配,也就是说一旦成功匹配不再继续尝试
  • 做法很简单,在量词后面加上?即可
  • '12345678'.replace(/\d{3,6}?/g,'x') // 'xx78'

分组 ()

  • 使用()可以达到分组的功能,使量词作用于分组,而不是作用于紧挨着的那个字符
- (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')
- $捕获分组

忽略分组

  • 不希望捕获某些分组,只需要在分组内加上?:即可
  • (?:Byron).(ok)

前瞻

  • 正则表达式从文本头部向尾部开始解析,文本尾部方向,称为'前'
  • 前瞻 就是在正则表达式匹配到规则的时候,向前检查是否符合断言,后顾/后瞻方向相反
  • js不支持后瞻/后顾
  • 符合 和 不符合特定断言称为 肯定/正向匹配 和 否定/负向匹配
  • 正向前瞻 : exp(?=assert)
  • 负向前瞻 : exp(?!assert)
- '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'

对象属性

  • global : 是否全文搜索,默认false
  • ignore case : 是否大小写敏感,默认false
  • multiline :多行搜索,默认值是false
  • lastIndex :是当前表达式匹配内容的最后一个字符的下一个位置
  • source : 正则表达式的文本字符串 reg1.resource

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

RegExp.prototype.test(str)

  • test()方法用于测试字符串参数中是否存在匹配正则表达式模式的字符串 -- 存在返回true

RegExp.prototype.exec(str)

  • 使用正则表达式模式对字符串执行搜索,并将更新全局RegExp对象的属性以反映匹配结果 -- 如果没有匹配的文本则返回null,否则返回一个结果数组

exec()有两个额外属性:

  • index 声明匹配文本的第一个字符的位置
  • input 存放被检索的字符串string

非全局调用

  • 调用非全局的RegExp对象的exec()时,返回数组
  • 第一个元素是与正则表达式相匹配的文本
  • 第二个元素是与RegExpObject的第一个子表达式相匹配的文本(如果有的话)
  • 第三个元素是与RegExp对象的第二个子表达式相匹配的文本(如果有的话),以此类推

字符串对象方法

Stringl.prototype.search(reg)

  • 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,返回第一个匹配结果index,查找不到返回-1
  • 不支持全局匹配,忽略g,并且总是从字符串的开始进行检索

Stringl.prototype.match(reg)

  • 检索字符串,以找到一个或多个与regexp匹配的文本
  • regexp是否具有标志g对结果影响很大
  • 非全局调用,如果regexp没有标志g,那么match()方法就只能在字符串中执行一次匹配,如果没有找到匹配文本,返回null;否则它将返回一个数组,其中存放了与它找到的匹配文本有关的信息

非全局调用

  • 返回数组的第一个元素存放的匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本
  • 除了常规的数组元素之外,返回的数组还含有2个对象属性
  • index声明匹配文本的起始字符在字符串的位置
  • input声明对stringObject的引用

全局调用

  • 如果regexp具有标志g则match()方法将执行全局搜索,找到字符串中的所有匹配子字符串,没有找到任何匹配的子串,则返回null;找到一个或多个匹配的子串,则返回一个数组
  • 数组元素中存放的是字符串中的所有匹配子字符串,而且也没有index属性或input属性

String.prototype.split(reg)

  • split 把字符串分割为字符数组
'a,b,c,d'.split(',');   // ['a','b','c','d']
  • 在一些复杂的分割情况下我们可以使用正则表达式解决
'a1b2c3'.split(/\d/g); // ['a','b','c']

String.prototype.replace

  • 第二个参数可以是function参数
  • function会在每次匹配替换的时候调用,有四个参数:
    1.匹配字符串 *
    2.正则表达式分组内容,没有分组则没有该参数
    3.匹配项在字符串中的index
    4.原字符串 *
    无分组例子:
- '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对象

  • 字面量 : var reg = /\bis\b/g; \b代表单次边界 g表示全局匹配
  • 构造函数 : var reg = new RegExp('\bis\b','g'); 在js中,''属于特殊字符,使用要先转义:'\'
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容