js进阶正则表达式9量词2(^和&作用:/^HTML5$/g匹配不到aHTML5b中的HTML5,不然是可以匹配到的)(/\d+(?=cm)/g)((?!cm))
js进阶正则表达式9量词2(^和&作用:/^HTML5$/g匹配不到aHTML5b中的HTML5,不然是可以匹配到的)(/\d+(?=cm)/g)((?!cm))
一、总结
^和&作用:/^HTML5$/g匹配不到aHTML5b中的HTML5,不然是可以匹配到的
var reg1=/^HTML5$/g //1、以H开头以5结尾的字符串
var reg2=/\d+(?=cm)/g //2、后面接cm的
var reg3=/\d{3,}(?!cm)/g //3、后面不接cm的
二、js进阶正则表达式9
量词
量词 | 描述 |
---|---|
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='HTML5' 19 var reg1=/^HTML5$/g //1、以H开头以5结尾的字符串 20 var str2='100cm 120cm 240cm 3000 1500' 21 var reg2=/\d+(?=cm)/g //2、后面接cm的 22 var reg3=/\d{3,}(?!cm)/g //3、后面不接cm的 23 document.write('<ol>') 24 document.write('<li>'+str1 25 +'<li>'+'/^HTML5$/g: '+str1.match(reg1) 26 +'<li>'+str2+'<br>'+str2.match(reg2) 27 +'<li>'+str2+'<br>'+str2.match(reg3) 28 ) 29 document.write('</ol>') 30 </script> 31 </body> 32 </html>