Regex Note

regex

推荐在线测试网站：Link

• ? 代表前面这个字符可有可无
  • used? 匹配的是 use 和 used。
• * 代表前面这个字符可以出现 0 次到无数次。
  • ab*c 可以匹配 ac，也可以匹配 abbbbc。
• + 与 * 类似，但不可以出现 0 次。
• {x, y} 代表前面的字符出现 x 到 y 次，如果只出现 x 次省略 ,y ，如果出现大于等于 x 次那么省略 y。
• 如果想要匹配多个字符，那么用括号包裹它们。
• (|) 是或运算符，需要用括号包裹。
  • a (cat|dog) 可以匹配 a cat 或者 a dog。
• [] 里的字符代表匹配的选择范围。
  • 如 [abc] [a-z] [a-zA-z0-9]。
• [^] 表示非。
  • 如 [^0-9] 表示所有的非数字字符。
• \d 表示数字字符，等同于 [0-9]。
• \w 表示单词字符，所有的字母加下划线。
• \s 表示空白符，包含 tab 和换行符。
• \D 代表非数字字符，其它以此类推。
• . 代表任意字符（不包括换行符）。
• ^ 表示从行首开始匹配，$ 表示从行尾开始匹配。
  • 如 ^a 表示只匹配行首的 a，a$ 只匹配行尾的 a。
• +? 会将匹配模式由默认的尽可能多的匹配变成尽可能少的匹配。
• \b 表示单词字符的边界。

小例子：

• 匹配十六进制色值：/#[a-fA-F0-9]{6}\b/gm
• 匹配 IPV4 地址：/\b((25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(25[0-5]|2[0-4]\d|[01]?\d\d?)\b/gm
• 匹配 vue 指令：/^v-([\w-]+)$/