写给前端的正则表达式入门

本文转载于 SegmentFault 社区专栏：码力全开

作者： savokiss

---

概览

在 JavaScript 中，使用 // 即可创建一个正则表达式对象，当然也可以使用 new RegExp()

常用的跟正则相关的方法有 match 、 test 和 replace 。

其中 match ， replace 都是字符串上的方法， test 是正则对象上的方法。

下面看具体的图示：

匹配单字符

• /reg/ 可以直接匹配具体的字符串 reg 。
• /[arzy]/ 中的中括号 [ ] 则代表匹配 arzy 中的任意单个字符
• /[f-h]/ 中的中杠 - 代表匹配字母表顺序中 f 到 h 中的任意单个字符
• / [1-3]/ 则代表匹配数字 1 到 3

正则选项

正则对象的后面也可以跟选项， JavaScript 中常用的选项有：

• i - 代表忽略大小写
• m - 代表多行匹配
• g - 代表全局匹配 （可以匹配多次）

边界匹配

• ^ - 代表匹配字符串的开头
• $ - 代表匹配字符串的结尾

字符匹配

• . - 可以匹配除了换行符外的任意字符
• \d - 可以匹配任意数字
• \D - 可以匹配任意非数字
• \s - 匹配任意空白字符
• \S - 匹配任意非空白字符
• \ n - 匹配换行
• \w - 它其实就等同于 [A-Za-z0-9_] ，即匹配字母数字下划线

量词匹配

• * - 匹配 0 次或多次
• + - 匹配 1 次或多次
• ? - 匹配 0 次或 1 次
• {3} - 匹配 3 次
• {2,4} - 匹配 2、3 或 4 次
• {2,} - 匹配 2 次或多次

分组

() 小括号在正则中代表分组，一般在 match 方法中用来返回全匹配加上多个分组结果，如果使用了 g 选项，则只返回全匹配。

在小括号中你可以使用管道符号 | ，它代表 或

特殊符号

匹配特殊符号的时候需要加反斜杠 \

JS 中的特殊字符有 ^ $ \ . * + ? () [] {} |