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中文网其他相关文章！