js正则匹配字符串其中的一部分_写给前端的正则表达式入门

本文转 SegmentFault 社区专栏&＃xff1a;码力全开

作者&＃xff1a;savokiss

---

概览

在 Javascript中&＃xff0c;使用 //即可创建一个正则表达式对象&＃xff0c;当然也可以使用 new RegExp()常用的跟正则相关的方法有 match、test和 replace。其中 match&＃xff0c;replace都是字符串上的方法&＃xff0c; test是正则对象上的方法。下面看具体的图示&＃xff1a;

匹配单字符

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

正则选项

正则对象的后面也可以跟选项&＃xff0c;Javascript中常用的选项有&＃xff1a;

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

边界匹配

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

字符匹配

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

量词匹配

• * - 匹配 0 次或多次
• &＃43; - 匹配 1 次或多次
• ? - 匹配 0 次或 1 次
• {3} - 匹配 3 次
• {2,4} - 匹配 2、3 或 4 次
• {2,} - 匹配 2 次或多次

分组

()小括号在正则中代表分组&＃xff0c;一般在 match方法中用来返回全匹配加上多个分组结果&＃xff0c;如果使用了 g选项&＃xff0c;则只返回全匹配。在小括号中你可以使用管道符号 |&＃xff0c;它代表或

特殊符号

匹配特殊符号的时候需要加反斜杠\JS 中的特殊字符有 ^ $ \ . * &＃43; ? () [] {} |所以如果你需要匹配星号 *&＃xff0c;就需要这样写&＃xff1a;\*

取非匹配

匹配除了某个字符的任意字符&＃xff0c;需要在中括号[]中使用 ^至此 ^具有两个含义&＃xff1a;

• 如果用于正则表达式的开头&＃xff0c;代表匹配字符串的开头
• 如果用于中括号 [] 内部&＃xff0c;则代表匹配非此字符

结语

上面只是介绍了正则表达式中的基本用法&＃xff0c;在日常开发中基本就够用了。更深入的用法比如贪婪和懒惰、零宽断言和捕获&＃xff0c;感兴趣的小伙伴可以自行学习~正则很强大&＃xff0c;但是也不能滥用。如果你写出了一个很复杂的只有你能看懂的正则&＃xff0c;更好的做法是不使用正则去实现它~

---

参考链接&＃xff1a;

Intro to Regex for Web DevelopersSegmentFault 社区链接&＃xff1a;https://segmentfault.com/a/1190000021145901

- END -