js进阶正则表达式8量词（+*？{}的意义用法）（量词的对象是前面一个字符）
js进阶正则表达式8量词（+*？{}的意义用法）（量词的对象是前面一个字符）
一、总结
1、量词的对象是前面一个字符
| 量词 | 描述 |
|---|---|
| n+ | 匹配任何包含至少一个 n 的字符串。 |
| n* | 匹配任何包含零个或多个 n 的字符串。 |
| n? | 匹配任何包含零个或一个 n 的字符串。 |
| n{X} | 匹配包含 X 个 n 的序列的字符串。 |
2、使用：var reg4=/Go*d/g;
3、大括号表示量词：var reg7=/\d{2}/g;
二、js进阶正则表达式8量词
量词
| 量词 | 描述 |
|---|---|
| n+ | 匹配任何包含至少一个 n 的字符串。 |
| n* | 匹配任何包含零个或多个 n 的字符串。 |
| n? | 匹配任何包含零个或一个 n 的字符串。 |
| n{X} | 匹配包含 X 个 n 的序列的字符串。 |
| n{X,Y} | 匹配包含 X 或 Y 个 n 的序列的字符串。 |
| n{X,} | 匹配包含至少 X 个 n 的序列的字符串。 |
| n$ | 匹配任何结尾为 n 的字符串。 |
| ^n | 匹配任何开头为 n 的字符串。 |
| ?=n | 匹配任何其后紧接指定字符串 n 的字符串。 |
| ?!n | 匹配任何其后没有紧接指定字符串 n 的字符串。 |
三、代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>课堂演示</title> 6 <style type="text/css"> 7 li{ 8 font-size: 20px; 9 width: 500px; 10 background: rgba(0,180,80,0.3); 11 padding: 10px; 12 margin: 10px; 13 } 14 </style> 15 </head> 16 <body> 17 <script type="text/javascript"> 18 var str1="360 36 180 8 81 7 49 9 99 21 100" 19 var str2="HTML5 javascript css3 canvas CAD"; 20 var str3="Gd God Good Goood GoGoGod" 21 // var reg1=/\d/g; 22 //匹配任何包含至少一个前一项字符串，多了不限。 23 var reg1=/\d+/g; 24 var reg2=/\w+/g; 25 var reg3=/Go+d/g; //+至少得有一次 26 var reg4=/Go*d/g;//*匹配前一项0次或多次，注意包括0次 27 var reg5=/Go?d/g; 28 var reg6=/Go{2}d/g; 29 var reg7=/\d{2}/g; 30 31 document.write('<ol>') 32 document.write('<li>'+str1 33 +'<li>'+str1.match(reg1) 34 +'<li>'+str2.match(reg2) 35 +'<li>'+str3+"<br>"+str3.match(reg3) 36 +'<li>'+str3+"<br>"+str3.match(reg4) 37 +'<li>'+str3+"<br>"+str3.match(reg5) 38 +'<li>'+str3+"<br>"+str3.match(reg6) 39 +'<li>'+str1+"<br>"+str1.match(reg7) 40 ) 41 document.write('</ol>') 42 </script> 43 </body> 44 </html>
