首页 > 课堂 > 小程序 > 正文

微信小程序框架功能之正则表达式(XRegExp )

2020-03-21 16:27:23
字体:
来源:转载
供稿:网友

XRegExp 是一个开源的JavaScript 库提供一个参数化、可扩展的支持各种浏览器的正则表达式的实现库,支持附加语法、标志以及方法。

XRegExp

XRegExp是一个为JS的正则表达式提供扩展功能的库, 调用之后可以弥补原生JS在正则方面的一些不足,也在很大程度上增强了JS正则的功能。它解决了浏览器之间正则的兼容问题,且支持原生ES6正则语法。

XRegExp的主要特性:

扩展的正则语法,包括支持命名的捕获组以及更强大的文本替换

增加修饰符(flags)s支持单行模式;x 忽略空格以及行注释;n 明确捕获组模式;A 支持21位Unicode匹配

提供一套函数简化正则处理

解决跨浏览器的正则兼容问题

在此基础上提供扩展(addons)支持更多的正则语法和功能

XRegExp 使用

XRegExp 的最主要的 API 是构造函数,语法如下:

XRegExp(pattern, [flags])

pattern参数为字符型的正则表达式

[flags]为可选的正则修饰符,当然也是字符型,它支持原生的修饰符以及XRegExp中的扩展修饰符

返回值为被扩展的正则对象。
 

  1.     var date = XRegExp('(?<year>  [0-9]{4} ) -?  # year  /n/ 
  2.  
  3.                 (?<month> [0-9]{2} ) -?  # month /n/ 
  4.  
  5.                 (?<day>   [0-9]{2} )     # day   ', 'x');    var match = XRegExp.exec('2015-02-22', date);    console.log(match.year); // 输出:2015 
  6.  
  7. forEach 
  8.  
  9.     var evens = []; 
  10.  
  11.     XRegExp.forEach('1a2345', //d/, function (match, i) {        if (i % 2) evens.push(+match[0]); 
  12.  
  13.     });    console.log(evens); // 输出:[2, 4] 
  14.  
  15. matchChain 
  16.  
  17.     var result1 = XRegExp.matchChain('1 <b>2</b> 3 <b>4 a 56</b>', [ 
  18.  
  19.         XRegExp('(?is)<b>.*?</b>'),        //d+/ 
  20.  
  21.     ]);    console.log(result1); // 输出:["2", "4", "56"] 
  22.  
  23.     var html = '<a href="https://xregexp.com/">XRegExp</a>' +        '<a href="https://www.google.com/">Google</a>';    var result2 = XRegExp.matchChain(html, [ 
  24.  
  25.         { regex: /<a href="([^"]+)">/i, backref: 1 }, 
  26.  
  27.         { regex: XRegExp('(?i)^https?://(?<domain>[^/?#]+)'), backref: 'domain' } 
  28.  
  29.     ]);    console.log(result2); // 输出:["xregexp.com", "www.google.com"] 
  30.  
  31. union 
  32.  
  33.     var result3 = XRegExp.union(['a+b*c', /(dog)/1/, /(cat)/1/], 'i');    console.log(result3); // 输出:/a/+b/*c|(dog)/1|(cat)/2/i 
  34.  
  35. exec 
  36.  
  37.     var pos = 3;    var result4 = [];    while (match = XRegExp.exec('<1><2><3><4>5<6>', /<(/d+)>/, pos, 'sticky')) { 
  38.  
  39.         result4.push(match[1]); 
  40.  
  41.         pos = match.index + match[0].length; 
  42.  
  43.     }    console.log(result4);  // 输出:['2', '3', '4'] 
  44.  
  45. replace 
  46.  
  47.     var result5 = XRegExp.replace('2015-02-22', date, '${month}/${day}/${year}');    console.log(result5); 
  48.  
  49.     var result6 = XRegExp.replace('2015-02-22', date, function (match) {        return match.month + '/' + match.day + '/' + match.year; 
  50.  
  51.     });    console.log(result6); 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表