Javascript 正则表达式( 六 ) $ 和 ^

这一次，我们来看看正则中的  $  和  ^  的用法；

我们现在有字符串  str="abc.css"

然后我们想匹配一下   .css  ，也就是验证这是个css文件

<script type="text/javascript">
             var str="abc.css";
             var pattern=/\.css$/;
             console.log(str.match(pattern));
</script>

来看看结果：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了，因为最后一位就没有对上，

所以，$ 的意思就是从字符串的末尾开始从后向前匹配； 

花了很长时间看这个  $  ,那么下面的^ 就很简单了，这两个是相对的，

^ 的意思是从左向右匹配，从字符串的开头开始匹配；就不详细赘述了；

注意：如果^在 [  ]中出现，那么就是非的意思了，不再是从开头匹配的意思,

所以要特别注意；后面我们再详细说这个^  非的情况；