js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）

时间 2019-11-30

标签进阶正则表达式转义字符符号栏目 JavaScript 繁體版

原文原文链接

js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）

1、总结

转义字符：{} () / $ # & * . ....... //三、特殊字符，都要加转义\javascript

点符号：var reg2=/img\.jpg/g //转义字符 \n //二、.啊+号a是特殊字符，原意匹配要加\转义php

|符号：var reg1=/javascript|php|java/g //一、|表或者 css

2、js进阶正则表达式6转义字符

 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="我喜欢的课程有javascript,php,java";
19     var str2="tp.png img/jpg + img&jpg  img img.jpg tp img+jpg aa.jpg bb";
20     var reg1=/javascript|php|java/g  //一、|表或者 21     var reg2=/img\.jpg/g  //转义字符 \n   //二、.啊+号a是特殊字符，原意匹配要加\转义
22     //若是没有设置全局匹配找到一个就会终止查找
23     var reg22=/img\/jpg/g 
24     //{} () / $ # & * . .......   //三、特殊字符，都要加转义\
25     document.write('<ol>')
26      document.write('<li>'+str1)
27      document.write('<li>'+str1.match(reg1))
28      document.write('<li>'+str2.match(reg2))
29      document.write('<li>'+str2.match(reg22))
30     document.write('</ol>')
31 
32   </script>
33 </body>
34 </html>