JS常用正则表达式

1,727 阅读3分钟

一 常用正则

  1. \ :将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。

例如:"\d" 匹配数字字符,而不是匹配字母 d。

  1. ^ :匹配输入的开始位置。如果多行标志被设置为 true,那么也匹配换行符后紧跟的位置。

例如:/^A/ 并不会匹配 "an A" 中的 'A',但是会匹配 "An E" 中的 'A'。

  1. $ :匹配输入的结束位置。如果多行标志被设置为 true,那么也匹配换行符前的位置。

例如:/t$/ 并不会匹配 "eater" 中的 't',但是会匹配 "eat" 中的 't'。

  1. * :匹配一个表达式 0 次或多次,等价于 {0, }。

例如:/bo*/ 会匹配 "A ghost boooooed" 中的 'booooo' 和 "A bird warbled" 中的 'b',但是在 "A goat grunted" 中不会匹配任何内容。

  1. + :匹配前面一个表达式 1 次或多次,等价于{1, }。

例如:/a+/ 会匹配 "candy" 中的 'a' 和 "caaaaaaandy" 中所有的 'a',但是在 "cndy" 中不会匹配任何内容。

  1. ? :匹配前面一个表达式 0 次或 1 次,等价于{0, 1}。

例如:/e?le?/ 匹配 "angel" 中的 'el'、"angle" 中的 'le' 以及 "oslo' 中的 'l'。

如果紧跟在任何量词 *、 +、? 或 {} 的后面,将会使量词变为非贪婪(匹配尽量少的字符),和缺省使用的贪婪模式(匹配尽可能多的字符)正好相反。例如,对 "123abc" 使用 /\d+/ 将会匹配 "123",而使用 /\d+?/ 则只会匹配到 "1"。

  1. . :(小数点)默认匹配换行符之外的任何单个字符。

例如:/.n/ 将会匹配 "nay, an apple is on the tree" 中的 'an' 和 'on',但是不会匹配 'nay'。如果 s ("dotAll") 标志位被设为 true,它也会匹配换行符。

像下面的 8-12 例子( )展示的那样,它会匹配 'x' 并且记住匹配项。其中括号被称为捕获括号。

  1. (x) :模式 /(foo) (bar) \1 \2/ 中的 '(foo)' 和 '(bar)' 匹配并记住字符串 "foo bar foo bar" 中前两个单词。模式中的 \1 和 \2 表示第一个和第二个被捕获括号匹配的子字符串,即 foo 和 bar,匹配了原字符串中的后两个单词。注意 \1、\2、...、\n 是用在正则表达式的匹配环节。而在正则表达式的替换环节,则要使用像 11、2、...、n这样的语法,例如barfoo.replace(/(...)(...)/,n 这样的语法,例如,'bar foo'.replace(/(...) (...)/, '2 1)1')。& 表示整个用于匹配的原字符串。

  2. (?:x) :匹配 'x' 但是不记住匹配项。这种括号叫作非捕获括号,使得你能够定义与正则表达式运算符一起使用的子表达式。

例如:/(?:foo){1,2}/。如果表达式是 /foo{1,2}/,{1,2} 将只应用于 'foo' 的最后一个字符 'o'。如果使用非捕获括号,则 {1,2} 会应用于整个 'foo' 单词。

  1. x(?=y) :匹配 x 仅仅当 x 后面跟着 y 这种叫做先行断言。

例如:/Jack(?=Sprat)/会匹配到'Jack'仅当它后面跟着'Sprat'。/Jack(?=Sprat|Frost)/匹配‘Jack’仅当它后面跟着'Sprat'或者是‘Frost’。但是‘Sprat’和‘Frost’都不是匹配结果的一部分。

  1. (?<=y)x :匹配 x 仅当前面是 y ,这种叫做后行断言。

例如:/(?<=Jack)Sprat/会匹配到' Sprat '仅仅当它前面是' Jack '。/(?<=Jack|Tom)Sprat/匹配‘ Sprat ’仅仅当它前面是'Jack'或者是‘Tom’。但是‘Jack’和‘Tom’都不是匹配结果的一部分。

  1. x(?!y) :仅仅当 x 后面不跟着 y 时匹配 x,这种为正否定查找。

例如:仅仅当这个数字后面没有跟小数点的时候,/\d+(?!.)/ 匹配一个数字。正则表达式/\d+(?!.)/.exec("3.141")匹配‘141’而不是‘3.141’。

  1. (?<!y)x :仅仅当前面不是 y 时匹配 x ,这种为反否定查找。

例如:仅仅当这个数字前面没有负号的时候,/(?<!-)\d+/ 匹配一个数字。/(?<!-)\d+/.exec('3') 匹配到 "3".。/(?<!-)\d+/.exec('-3') 因为这个数字前有负号,所以没有匹配到。

  1. x|y :匹配 x 或者 y。

例如:/green|red/匹配“green apple”中的‘green’和“red apple”中的‘red’。

  1. {n} :n 是一个正整数,匹配了前面一个字符刚好出现了 n 次。

例如:/a{2}/ 不会匹配“candy”中的'a',但是会匹配“caandy”中所有的 a,以及“caaandy”中的前两个'a'。

  1. {n, } :n 是一个正整数,匹配前一个字符至少出现了 n 次。

例如:/a{2,}/ 匹配 "aa", "aaaa" 和 "aaaaa" 但是不匹配 "a"。

  1. {n,m} :n 和 m 都是整数,匹配前面的字符至少 n 次,最多 m 次。如果这个值是 0,这个值会被忽略。

例如:/a{1, 3}/ 并不匹配“cndy”中的任意字符,匹配“candy”中的 a,匹配“caandy”中的前两个 a,也匹配“caaaaaaandy”中的前三个 a。注意,当匹配”caaaaaaandy“时,匹配的值是“aaa”,即使原始的字符串中有更多的 a。

  1. [xyz] :一个字符集合。匹配方括号中的任意字符,包括转义序列。可以使用破折号(-)来指定一个字符范围。对于点(.)和星号(*)这样的特殊符号在一个字符集中没有特殊的意义。他们不必进行转义,不过转义也是起作用的。

例如:[abcd] 和[a-d]是一样的。他们都匹配"brisket"中的‘b’,也都匹配“city”中的‘c’。/[a-z.]+/ 和/[\w.]+/与字符串“test.i.ng”匹配。

  1. [^xyz] :一个反向字符集。也就是说, 它匹配任何没有包含在方括号中的字符。可以使用破折号(-)来指定一个字符范围。任何普通字符在这里都是起作用的。

例如:[^abc] 和 [^a-c] 是一样的。他们匹配"brisket"中的‘r’,也匹配“chop”中的‘h’。

  1. [\b] :匹配一个退格(U+0008)。(不要和\b 混淆了。)

  2. \b :匹配一个词的边界。一个词的边界就是一个词不被另外一个“字”字符跟随的位置或者前面跟其他“字”字符的位置,例如在字母和空格之间。注意,匹配中不包括匹配的字边界。换句话说,一个匹配的词的边界的内容的长度是 0。(不要和[\b]混淆了)

例如:使用"moon"举例:     /\bm/匹配“moon”中的‘m’;     /oo\b/并不匹配"moon"中的'oo',因为'oo'被一个“字”字符'n'紧跟着。     /oon\b/匹配"moon"中的'oon',因为'oon'是这个字符串的结束部分。这样他没有被一个“字”字符紧跟着。

  1. \B :匹配一个非单词边界。匹配如下情况:(1)字符串第一个字符为非“字”字符(2)字符串最后一个字符为非“字”字符(3)两个单词字符之间(4)两个非单词字符之间(5)空字符串

例如:/\B../匹配"noonday"中的'oo', 而/y\B../匹配"possibly yesterday"中的’yes‘。

  1. \cX :当 X 是处于 A 到 Z 之间的字符的时候,匹配字符串中的一个控制符。

例如:/\cM/ 匹配字符串中的 control-M (U+000D)。

  1. \d :匹配一个数字,等价于[0,9]。

例如: /\d/ 或者 /[0-9]/ 匹配"B2 is the suite number."中的'2'。

  1. \D :匹配一个非数字字符,等价于[^0,9]。

例如:/\D/ 或者 /[^0-9]/ 匹配"B2 is the suite number."中的'B' 。

  1. \f :匹配一个换页符 (U+000C)。

  2. \n :匹配一个换行符 (U+000A)。

  3. \r :匹配一个回车符 (U+000D)。

  4. \s :匹配一个空白字符,包括空格、制表符、换页符和换行符,等价于[ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。

例如:/\s\w*/ 匹配"foo bar."中的' bar'。

  1. \S :匹配一个非空白字符,等价于[^ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。

例如:/\S\w*/ 匹配"foo bar."中的'foo'。

  1. \t :匹配一个水平制表符 (U+0009)。

  2. \v :匹配一个垂直制表符 (U+000B)。

  3. \w :匹配一个单字字符(字母、数字或者下划线)。等价于 [A-Za-z0-9_]。

例如:/\w/ 匹配 "apple," 中的 'a',"$5.28,"中的 '5' 和 "3D." 中的 '3'。

  1. \W :匹配一个非单词字符,等价于[^a-za-z0-9_]。

例如:/\W/ 或者 /[^a-za-z0-9_]/ 匹配 "50%." 中的 '%'。

  1. \n :在正则表达式中,它返回最后的第 n 个子捕获匹配的子字符串(捕获的数目以左括号计数)。

  2. \0 : 匹配 NULL(U+0000)字符, 不要在这后面跟其它小数,因为 \0 是一个八进制转义序列。

  3. \xhh :匹配一个两位十六进制数(\x00-\xFF)表示的字符。

  4. \uhhhh :匹配一个四位十六进制数表示的 UTF-16 代码单元。

  5. \u{hhhh}\uhhhhh :(仅当设置了 u 标志时)匹配一个十六进制数表示的 Unicode 字符。

二 正则表达式标志

  1. g :全局搜索,即模式将被应用到所有字符串,而非在发现第一个匹配项时立即停止

  2. i :不区分大小写搜索

  3. m : 多行搜索,即在到达一行文本末尾时还在继续查找下一行中是否存在于模式匹配的项

  4. s : 允许 . 匹配换行字符

  5. u :使用 Unicode 码的模式进行匹配

  6. y : 执行“粘性(sticky)”搜索,匹配从目标字符串的当前位置开始。

三 使用括号的子字符串匹配

一个正则表达式模式使用括号,将导致相应的子匹配被记住。例如,/a(b)c /可以匹配字符串“abc”,并且记得“b”。回调这些括号中匹配的子串,使用数组元素[1],……[n]。

使用括号匹配的子字符串的数量是无限的。返回的数组中保存所有被发现的子匹配。下面的例子说明了如何使用括号的子字符串匹配。

例如:下面的脚本使用 replace()方法来转换字符串中的单词。在匹配到的替换文本中,脚本使用替代的1, 1, 2 表示第一个和第二个括号的子字符串匹配。

var re = /(\w+)\s(\w+)/

var str = 'John Smith'

var newstr = str.replace(re, '$2, $1')

console.log(newstr) // Smith, John

四 使用正则表达式的相关方法

1. exec

RegExp 对象的方法。在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null

let reg = /foo*/g
let str1 = 'table football, foosball'
console.log(reg.exec(str1))

对于exec()方法而言,即使在模式中设置了全局标志g,它每次也只是返回一个匹配项。在不设置全局标志的情况下,在同一个字符串上多次调用exec()方法将始终返回第一个匹配项的信息。而在设置全局标志的情况下,每次调用exec()则都会在字符串中继续查找新匹配项,如下例子:

let reg = /foo*/g;
let str1 = 'table football, foosball'

console.log(reg.exec(str1).index) // 6

console.log(reg.exec(str1).index) // 6

02.png

2. test

RegExp 对象的方法。一个在字符串中测试是否匹配的 RegExp 方法,它返回 true 或 false

var str = '374829348791'

var re = /\D/ //  \D代表非数字

if (re.test(str)) {
  // 返回true,代表在字符串中找到了非数字。
  alert('不全是数字')
} else {
  alert('全是数字')
}

3. match

字符串方法。检索返回一个字符串匹配正则表达式的结果

"186a619b28".match(/\d+/g) // ["186","619","28"]

// 获取第一个下划线后面的所有内容,打印见下图
'测试_AI_test方法'.match(/_(\S+)/)

03.png

4. matchAll

字符串方法。返回一个包含所有匹配正则表达式的结果及分组捕获组的迭代器

let regexp = /t(e)(st(\d?))/g
let str = 'test1test2'
let array = [...str.matchAll(regexp)]

04.png

5. search

字符串方法。执行正则表达式和 String 对象之间的一个搜索匹配,返回匹配到的位置索引,或者在失败时返回-1

let str = 'abcdef'
let re = /B/i
// let re = new RegExp('B','i'); 也可以这样写
alert(str.search(re)) // 1

6. replace

字符串方法。一个在字符串中执行查找匹配的 String 方法,并且使用替换字符串替换掉匹配到的子字符串。

用法:replace([RegExp|String], [String|Function])

  • 第1个参数可以是一个普通的字符串或是一个正则表达式.
  • 第2个参数可以是一个普通的字符串或是一个回调函数.
// replace 方法去除字符串 前 中 后 的空格:
let val = '  这是  一段  测试文字  '
val = val.trim().replace(/\s/g, '') // 这是一段测试文字

7. split

字符串方法。使用正则表达式或者一个固定字符串分隔一个字符串,返回分隔后的子字符串存储d的数组。

'测试_AI_test方法'.split(/_/) // ['测试', 'AI', 'test方法']

五 常用校验方法

1. 金额格式校验替换

function moneyReplace(val) {
  if (!val) return val
  // 若第一字符是 .  则替换为 0.
  val = String(val).replace(/^\./, '0.')
  // 保证 . 只出现一次 , 而不能出现两次或两次以上
  val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  // 只能输入两个小数
  val = val.replace(/^(\d+)\.(\d\d).*$/, '$1.$2')
  // 如果没有小数点,首位不能为类似于 01、02的金额
  if (val.indexOf('.') == -1 && val != 0) {
    val = parseFloat(val)
  }
  return Number.isNaN(Number(val)) ? '0.00' : val
}

moneyReplace(12.345) // 12.34

moneyReplace(0.789) // 0.78

moneyReplace('abc') // 0.00

JS 正则表达式详解