javascript正则表达式小结

总结了一下javascript正则表达式的内容。表格形式，一目了然。辅以Example图形解释。

1、元字符

2、反义字符

3、转义字符

4、重复匹配

5、分组/捕获

6、贪婪与惰性

7、修饰符

example

• 匹配开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。

推荐一个图形化表示正则的工具
https://regexper.com

将上个例子翻译为图形化表示以下：

• 解释一下这个正则的意思

/(?:([^:;\(\[]*):)?(.*)/

首先 (?:...)?(.*) 看最外边的两个括号，第一个是非捕获型括号，? 号做用于这个括号。第二个括号是捕获型的，而且匹配多个任意字符。

而后，([^:;([]*): 这是一个捕获型括号和一个字符 : 号

[^:;([]* 捕获型括号中又包含一个字符组([]) 与一个 * 号，字符组中匹配多个除了 ; ( [ 的字符

再来一个

/(^\s*)|(\s*$)/g

• 用js实现一个电话号码提取的方法。

例如：” 1852145998 020-888-999845 测试 021 – 85421987, 19865754″获得的结果应该是[1852145998, 020-888-999845 , 021 – 85421987, 19865754]

var str=" 1852145998 020-888-999845 测试 021  -  85421987, 19865754";
var reg=/(1\d+)|(0[0-9\s\-]+)/g;
console.log(str.match(reg));

正则方法：

.test(字符串):返回一个布尔值，表示传入的字符串是否匹配该正则（从lastIndex属性指示的地方开始）

.exec(字符串):返回一个包含了匹配结果的数组（额外具备两个属性：input表示本次搜索的目标字符串，即传入exec方法的参数；index表示匹配结果在目标字符串内的位置）或null（匹配不到）。即便正则添加了g选项，也要经过屡次调用同一正则对象的该方法来继续搜索（每次搜索会从lastIndex属性指示的地方继续。若已完成搜索，则lastIndex会被自动置0）。若未添加g选项，则调用几回都是同样的结果。若未找到匹配项则返回null，且将正则对象的lastIndex自动置为0

字符串对象的有关方法:

字符串.match()
字符串.search()
字符串.split()
字符串.replace()

更多能够参考高设Regexp一章。