JavaScript学习笔记- 正则表达式常用字符集及方法

正则表达式修饰符（修饰符可以在全局搜索中不区分大小写）

i（ignoreCase）执行对大小写不敏感的匹配

g （global）执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）

m（multiline）执行多行匹配

正则表达式模式

方括号用于查找某个范围内的字符

[abc] 查找方括号之间的任何字符

[^abc] 查找任何不在方括号之间的字符

[0-9] 查找任何从 0 至 9 的数字

[A-Z] 查找任何从大写 A 到大写 Z 的字符

[a-z] 查找任何从小写 a 到小写 z 的字符

[A-z] 查找任何从大写 A 到小写 z 的字符，即匹配所有的英文字母(不区分大小写)

[adgk] 查找给定集合内的任何字符

[^adgk] 查找给定集合外的任何字符

(red|blue|green) 查找任何指定的选项

(x|y) 查找任何以 | 分隔的选项

元字符是拥有特殊含义的字符

\uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符

. 查找单个字符，除了换行和行结束符之外的任意字符

\n 查找换行符

\f 查找换页符

\r 查找回车符

\t 查找制表符

\v 查找垂直制表符

(总结下面的这些元字符小写为查找是的情况，大写就为查找不是的情况)

\b 匹配单词边界

\B 匹配非单词边界

\w 查找单词字符，即匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9_]

\W 查找非单词字符，等价于[^A-Za-z0-9_]

\d 查找数字，即匹配一个数字字符，等价于[0-9]

\D 查找非数字字符，即除了数字之外的任何字符，等价于[^0-9]

\s 查找空白字符

\S 查找非空白字符

量词

n+ 匹配任何包含至少一个 n 的字符串，即“ + ” 表示匹配前一项1次或多次，等价于{1,}

n- 匹配任何包含零个或多个 n 的字符串

n? 匹配任何包含零个或一个 n 的字符串，即“ ? ” 表示匹配前一项0次或1次，也就是前一项是可选的，等价于{0,1}

n* 匹配任何包含零个或多个n的字符串，即“ * ” 表示匹配前一项0次或多次，等价于{0,}

n{X} 匹配包含 X 个 n 的序列的字符串，即{n} 表示匹配前一项n次

n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串，即{n，m} 表示匹配前一项至少n次，但是不超过m次

n{X,} 匹配包含至少 X 个 n 的序列的字符串，即{n，} 表示匹配前一项n次，或多次

n$ 匹配任何结尾为 n 的字符串," $ " 匹配字符串的结束

^n 匹配任何开头为 n 的字符串," ^ " 匹配字符串的开始

?=n 匹配任何其后紧接指定字符串 n 的字符串

?!n 匹配任何其后没有紧接指定字符串 n 的字符串

/.../ 代表一段正则的开始和结束

转义字符方式

\ 反斜杠，用于将上述具有特殊含义的符号转义成普通符号，例如你需要匹配$美元符号，而不是行尾，你可以写成“ \$ ”即可

RegExp 对象方法

exec 检索字符串中指定的值。返回找到的值，并确定其位置

用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值，否则返回 null。如：

 <script>

 var str="Hello world!";

 //查找"Hello"

 var patt=/Hello/g;

 var result=patt.exec(str);

 document.write("返回值: " +  result);

 //查找 "W3Cschool"

 patt=/W3Cschool/g;

 result=patt.exec(str);

 document.write("<br>返回值: " +  result);

 </script>

这样子返回的在HTML输出的就是：

返回值: Hello
返回值: nul

------------------------------------------------------------------------------------

test 检索字符串中指定的值。返回 true 或 false

 <script>

 var str="Hello world!";

 //查找"Hello"

 var patt=/Hello/g;

 var result=patt.test(str);

 document.write("返回值: " +  result);

 //查找 "W3Cschool"

 patt=/W3Cschool/g;

 result=patt.test(str);

 document.write("<br>返回值: " +  result);

 </script>

这样子返回的在HTML输出的就是：

返回值: true
返回值: false

------------------------------------------------------------------------------------

search 检索与正则表达式相匹配的值的位置，返回数字，如果没有找到则返回-1

如：

 <p id="demo">单击显示查找的位置</p>

 <button onclick="myFunction()">点我</button>

 <script>

 function myFunction(){

     var str="Visit W3CSchool!";

     var n=str.search("W3CSchool");

     document.getElementById("demo").innerHTML=n;

 }

 </script>

像这样的返回值n=6

-----------------------------------------------------------------------------------

match 找到一个或多个正则表达式的匹配，返回找到的值

可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配,如：

 <p id="demo">单击按钮显示matches</p>

 <button onclick="myFunction()">点我</button>

 <script>

 function myFunction(){

     var str="The rain in SPAIN stays mainly in the plain";

     var n=str.match(/ain/g);

     document.getElementById("demo").innerHTML=n;

 }

 </script>

像这样的最终显示输出的就是 ain,ain,ain

----------------------------------------------------------------------------------

replace 替换与正则表达式匹配的子串

用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串，如：

 <p>单击按钮将段落中“Microsoft”替换成“W3CSchool”：</p>

 <p id="demo">Visit Microsoft!</p>

 <button onclick="myFunction()">点我</button>

 <script>

 function myFunction(){

     var str=document.getElementById("demo").innerHTML;

     var n=str.replace("Microsoft","W3CSchool");

     document.getElementById("demo").innerHTML=n;

 }

 </script>

这样子

Visit Microsoft!这个就会被改变为：Visit W3CSchool!

----------------------------------------------------------------------------------

split 把字符串分割为字符串数组

按照你所定义的方式将匹配的字符串分割成数组，如：

var str="How are you doing today?";
var n=str.split(" ");

这样返回的就是：[How,are,you,doing,today?] 按照所定义的空格将str里的值分割成了数组。