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>