【正则表达式系列】基本用法

正则表达式 前端之家
前端之家收集整理的这篇文章主要介绍了【正则表达式系列】基本用法，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

前言

在快速入门一文中，示例都是通过test()方法演示，本文会继续介绍正则的其它用法(以JS语言为例)

大纲

正则对象

生成正则对象

有两种方法可以创建并得到一个正则表达式对象

  • 字面量声明方式

    1. var reg = /abc/g;

  • 显式创建

    1. var reg =new RegExp("abc","g");

可选项标记

上文生成正则对象中最后有用到g，其实这就是生成正则的可选项标记，可以组合使用，如下

  • g 全文匹配，即匹配一个成功后，如果没有结束，会继续匹配
  • i 忽略大小写匹配
  • m 多行匹配

可以通过如下示例进一步了解

/g的用法

加上/g后会全局搜索所有匹配结果

  1. var str = 'abcabcabc';
  2.  
  3. // ['abc',index: 0,input: "abcabcabc"]
  4. str.match(/abc/);
  5.  
  6. // ['abc','abc','abc']
  7. str.match(/abc/g);

/i的用法

加上/i后大小写一视同仁，很多时候，如果不加/i，很容易出现大小写不匹配的错误(比如去除字符串中script标签时)

  1. var str = 'Script';
  2.  
  3. // null
  4. str.match(/script/);
  5.  
  6. // ["Script",input: "Script"]
  7. str.match(/script/i);

/m的用法

多行匹配比较少用到，但在一些场景下不得不用，比如下例中，只有\m多行匹配的情况下才能正常的将每一行的行尾(\n形成不同的行)的数字替换成#，否则默认会认为只有一行

  1. var str = 'a1\nb1\nc1\nd1\ne1\nf1';
  2.  
  3. /**
  4.  * a1
  5.  * b1
  6.  * c1
  7.  * d1
  8.  * e1
  9.  * f#
  10.  */
  11. str.replace(/\d+$/g,'#')
  12.  
  13. /**
  14.  * a#
  15.  * b#
  16.  * c#
  17.  * d#
  18.  * e#
  19.  * f#
  20.  */
  21. str.replace(/\d+$/mg,'#')

子表达式

正则表达式中，用圆括号包围的就是子表达式(子模式)

一般，在match的非全局匹配中或exec中，在匹配完整个正则表达表达式后，都会再次匹配子表达式

另外，在字符串的replace与split中，子表达式也会经常用到

  1. var str = 'a1.b2.c3.d4';
  2.  
  3. // 第一个结果是 整个正则表达式的匹配，之后则分别是子表达式的匹配
  4. /(\w)(\d)[.]/.exec(str); // ["a1.","a","1",input: "a1.b2.c3.d4"]

正则的test()

  1. pattern.test(str);

检索字符串中是否存在指定模式，匹配成功则返回true，否则返回false

  1. var str = 'abcdefg';
  2.  
  3. /^abc/.test(str); // true
  4.  
  5. /^abce/.test(str); // false

正则的compile()

  1. reg.compile(pattern);

编译正则表达式，编译之后正则的执行速度会提高

编译的时候也可以改变检索模式或者改变可选项标识

  1. var str = 'abcdabcdabc';
  2. var reg = /abc/;
  3.  
  4. reg.test(str)； // true
  5.  
  6. reg.compile();
  7.  
  8. reg.test(str)； // true，仅仅是被编译，没有被改变
  9.  
  10. reg.compile(/aB/); 
  11.  
  12. reg.test(str)； // false，匹配式改成了aB，因此不匹配
  13.  
  14. reg.compile(/aB/i); 
  15.  
  16. reg.test(str)； // true，改成了aB并且忽略大小的形式，因此匹配

正则的exec()

  1. pattern.exec(str);

在字符串中检索特定的模式，匹配成功则返回找到的值，否则返回null

有两种情况

第一种:非全局匹配

如果没有找到，则返回null

找到则返回一个数组，arr[0]是匹配结果，余下元素是arr[0]中匹配圆括号中子表达式的结果，以及最后的index和input

而且非全局模式中，不会保存index，也就是说不管匹配多少次，结果都是一样的

  1. var str = 'a1.b2.c3.d4';
  2. var reg1 = /(\w)(\d)[.]/;
  3.  
  4. reg1.exec(str); // ["a1.",input: "a1.b2.c3.d4"]
  5. reg1.exec(str); // ["a1.",input: "a1.b2.c3.d4"]
  6.  
  7. /abc/.exec(str); // null

第二种:g全局匹配

正则的exec全局匹配可以保存index，并且下一次继续匹配时，将不会是重新从0开始，而是从保存的index开始

  1. var str = 'a1.b2.c3.d4';
  2. var reg2 = /(\w)(\d)[.]/g;
  3.  
  4. reg2.exec(str); // ["a1.",input: "a1.b2.c3.d4"]
  5. reg2.exec(str); // ["b2.","b","2",index: 3,input: "a1.b2.c3.d4"]
  6. reg2.exec(str); // ["c3.","c","3",index: 6,input: "a1.b2.c3.d4"]
  7.  
  8. /abc/.exec(str); // null

字符串的正则应用

上文中提到的都是正则对象上的方法，但实际上，JS的String对象也支持正则表达式

字符串的match()

match是字符串中最常用的方法

  1. str.match(pattern);

如果pattern中有g，代表全局匹配，则返回的数组包含所有匹配结果

如果无g，则返回的数组的第1个元素(arr[0])是第一个匹配结果，余下元素是arr[0]中匹配圆括号中子表达式的结果

  1. var str = 'a.b2.c3.d445.e';
  2.  
  3. str.match(/\d[.]/); // ["2.",input: "a.b2.c3.d445.e"]
  4.  
  5. // 非全局匹配下，并且有圆括号子表达式，先匹配整个正则表达式一次
  6. // 然后在匹配结果中再匹配子表达式
  7. str.match(/(\d)[.]/); // ["2.",input: "a.b2.c3.d445.e"]
  8.  
  9. // g 模式下是对整个正则表达式(包括圆括号子表达式)进行全局匹配
  10. str.match(/(\d)[.]/g); // ["2.","3.","5."]

字符串的replace()

字符串中用来快速替换的方法，有多种用法

第一种情况

  1. str.replace(str1,str2);

第一个参数是字符串，那么返回的结果只有str1被替换成str2了

  1. var str = 'a.b2.c3.d4';
  2.  
  3. // 只会替换 . 一次
  4. str.replace('.','#'); // a#b2.c3.d445.e

第二种情况

  1. str.replace(pattern,str2);

第一个参数是正则表达式，此时如果是g全局匹配模式，会替换所有的匹配结果为str2，否则只会替换一个匹配结果

  1. var str = 'a.b2.c3.d4';
  2.  
  3. str.replace(/[.]/,'#'); // a#b2.c3.d445.e
  4.  
  5. str.replace(/[.]/g,'#'); // a#b2#c3#d445#e

另外此模式下，str2还可以使用一些有特殊含义的特殊字符，例如

  1. var str = 'a1.b2.c3.d4';
  2.  
  3. // $2和$1分别代表第2个,第1个子表达式
  4. str.replace(/(\w)(\d)[.]*/g,'$2$1~'); // 1a~2b~3c~4d~

str2中可用的特殊字符表

字符 替换
$1,$2,...,$99 匹配第1~99个pattern中的圆括号子表达式的文本
$& 匹配pattern的子串
$` 匹配子串的左边文本
$' 匹配子串的右边文本
$$ 美元符号

第三种情况

  1. str.replace(pattern,func);

这种模式下，第二个参数为一个函数，func将会在每一个匹配结果中调用，func返回的字符串将作为替换文本，func接收的参数，第一个是匹配pattern的字符串，之后的参数(可能是多个)是匹配该pattern中某个圆括号子表达式的字符串，在这之后的参数就是index(匹配结果的位置)，再之后就是完整的input

  1. var str = a1.b2.c3.d4;
  2.  
  3. // 最终结果为: 1a~2b~3c~4d~
  4. str.replace(/(\w)(\d)[.]*/g,function(word,child1,child2,index,input) {
  5.     
  6.     console.log(word); // 依次打印的是a1. b2. c3. d4
  7.     console.log(child1); // 依次打印的是a b c d
  8.     console.log(child2); // 依次打印的是1 2 3 4
  9.     console.log(index); // 依次打印的是0 3 6 9
  10.     console.log(input); // 每次都是打印 a1.b2.c3.d4
  11.     
  12.     return child2 + child1 + '~';
  13. });

字符串的search()

返回第1个与patten匹配的字符串子串的起始位置，如果找不到，则返回-1，不支持全局检索，也就是说，会省略g

  1. var str = 'abcdefg1234567';
  2.  
  3. str.search(/efg/); // 4
  4. str.search(/efg/g); // 4
  5. str.search(/aabc/g); // -1

字符串的split()

split方法可以让一个字符串分割成数组，同样忽略g

  1. str.split(pattern,limit); // pattern为字符串或正则

将str拆分为子串组成的数组，子串中不包括pattern（特例除外）。limit是可选参数，指定返回的数组的最大长度

特例: 如果pattern包含圆括号子表达式，则匹配这个圆括号子表达式的子串(不是匹配整个正则)会包含在返回数组中

  1. var str = 'a1.b2.c3.d4';
  2.  
  3. str.split(/\d[.]/); // ["a","d4"]
  4.  
  5. // 包含了圆括号的子串，返回数组中出现了匹配圆括号的子串
  6. str.split(/(\d)[.]/); // ["a","d4"]
  7.  
  8. var str2 = '.b2.c3.';
  9.  
  10. // 3.后面没有字符了，但是由于它符合匹配，所以后续结果中会多一个""
  11. str2.split(/\d[.]/); // [".b",""]
  12.  
  13. // 同上，只不过圆括号中的内容也在返回结果中
  14. str.split(/(\d)[.]/); // [".b",""]

附录

博客

初次发布2017.07.06于个人博客

http://www.dailichun.com/2017/07/15/regularExpressionBaseUsage.html

参考资料

猜你在找的正则表达式相关文章

常用正则表达式-手机号、身份证、邮箱
一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^d{n}$ 3 至少n位的数字：^d{n,}$ 4...
JS正则表达式详解
正则表达式非常有用，查找、匹配、处理字符串、替换和转换字符串，输入输出等。下面整理一...
组内正则培训记录
0. 注： 不同语言中的正则表达式实现都会有一些不同。下文中的代码示例除特别说明的外，都...
高级正则表达式技术（Python版）
 正则表达式是从信息中搜索特定的模式的一把瑞士军刀。它们是一个巨大的工具库，其中的...
史上最全最常用的正则表达式
一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,...
正则表达式工具
正则表达式初步
分享5个可视化的正则表达式编辑工具
　　正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编...
分享5个可视化的正则表达式编辑工具
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器...
[知识积累]--正则表达式记忆表
在工作中常常遇到正则表达式问题，有时候又会忘记这则的语法。 下面就分享一份正则表达式记...
算法设计模式多媒体技术正则表达式ElasticsearchFlinkHadoopIDE
受约束摘*day25Java常用类库置信lamda留存持续录入年后正则表达式303.17regularexpre匹多模适20130322基础理论pathmunge涵义reectok需要转义的特资源分享validationex简明魔法里弄形如源码实现完备actionscript