首頁 > 文章 > web前端 > Javascript之正規表示式中$ 和 ^ 的用法

Javascript之正規表示式中$ 和 ^ 的用法

零到壹度原創: 2018-03-27 13:45:274235瀏覽

本文主要和大家分享Javascript之正規表示式中$ 和 ^ 的用法，希望能幫助大家。

這次，我們來看看正規中的 $ 和 ^ 的用法;

我們現在有字串 str="abc. css"

然後我們想配對 .css ，也就是驗證這是個css檔案

<span style="font-family: 微软雅黑, "Microsoft YaHei";"><script type="text/javascript"><br/>             var str="abc.css";<br/>             var pattern=/\.css$/;<br/>             console.log(str.match(pattern));<br/></script><br/></span>

來看看結果：

Array(1) 
                    0: ".css"
                    groups: undefined
                     index: 3
                     input: "abc.css"
                     length: 1__proto__: Array(0)

好吧，結果是個數組，而且配對了 .css ;

我們來看看 /\.css$/ 首先\.的意思是轉義出這個點，我們在之前說過，點是可以匹配任意單一字元的，

所以直接寫個點是不行的，需要轉義；

最後我們看到了$ ,$ 的意思是從右邊，也就是末尾開始匹配；字符串str 的最後一位是s ,和我們的.css 的最後一位

對上了，字串str 的倒數第二位是s ,和我們的.css 的倒數第二位對上了......

假設我們的字串是str ="abc.cssa", 那麼結果是什麼呢？當然是null了，因為最後一位就沒有對上，

所以，$ 的意思就是從字串的末尾開始從後向前匹配；

#花了很長時間看這個 $ ,那麼下面的^ 就很簡單了，這兩個是相對的，

^ 的意思是從左向右邊匹配，從字串的開頭開始匹配；就不詳細贅述了；

#注意：如果^在[ ]中出現，那麼就是非的意思了，不再是從開頭匹配的意思,

所以要特別注意。

相關推薦：