lostvita / blog

60 stars 47 forks source link

正则断言太好用了叭! #28

Open lostvita opened 3 years ago

lostvita commented 3 years ago

什么是断言

断言表达的是一种位置,满足某种匹配模式的一个位置,它包含了先行断言、后行断言和条件表达式。这里主要聊一下先行断言和后行断言。 正则 名称 含义
x(?=y) 先行断言 匹配'x'仅仅当'x'后面跟着'y',这种叫做先行断言。

例如,/Jack(?=Sprat)/会匹配到'Jack'仅当它后面跟着'Sprat'。
x(?!y) 否定先行断言 匹配'x'仅当'x' 后面 不跟着'y',这也被称为正向否定查找。

例如,/\d+(?!.)/.exec("3.141")匹配‘141’而不是‘3.141’。
(?<=y)x 后行断言 匹配'x'仅当'x'前面是'y',这种叫做后行断言。

例如,/(?<=Jack)Sprat/会匹配到' Sprat '仅仅当它前面是' Jack '。
(?<!y)x 否定后行断言 匹配'x'仅当'x' 前面 不跟着'y',这被称为反向否定查找。

例如, /(?<!.)\d+/.exec('3.141')匹配‘3’而不是'141'。

举例几个应用场景

社交应用

  1. @某人

    var s = '项目相关各端同学 @张三 @李四 @王五 记得下班前拆分下各自的任务。';
    s.match(/(?<=@).+/g); // output: ["张三", "李四", "王五"]
  2. 话题

    var s = '据央视网报道,#广州河涌边现大量红火蚁#,各位街坊小心留意啦。';
    s.match(/(?<=#).+(?=#)/g); // output: ["广州河涌边现大量红火蚁"]
  3. emoji表情

    var emoji = [捂脸];
    emoji.match(/(?<=\[).+(?=\])/g); // output: ["捂脸"]

    markdown语法

  4. 一级标题

    var h1 = '#一级标题';
    h1.match(/(?<=^#).+/g); // output: ["一级标题"]
  5. 二级标题

    var h2 = '##二级标题';
    h2.match(/(?<=^#{2}).+/g); // output: ["二级标题"]
  6. 引用

    var quoto = '> 勾股定理指指角三角形中两指角边的平方和等于斜边的平方。'
    quoto.match(/(?<=\>\s).+/g);  // output: ["勾股定理指指角三角形中两指角边的平方和等于斜边的平方。"]
  7. 匹配行内代码块

    var inlineCode = '前端主流框架包含:`vue`、`React`与`angular`等,其他非主流不胜枚举'
    inlineCode.match(/(?<=`)[a-z]+?(?=`)/gi); // output: ["vue", "React", "angular"]

欢迎补充其他应用场景......