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

本文主要和大家分享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了，因為最後一位就沒有對上，

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

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

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

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

所以要特別注意。

相關推薦：

#正規表示式中^/$和i、m、g的使用

正規表示式中的"^"這個符號的一些思考

正規表示式"^+$"等符號意義

以上是Javascript之正規表示式中$ 和 ^ 的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！