Javascript之正则表达式中$ 和 ^ 的用法

本文主要和大家分享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了，因为最后一位就没有对上，

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

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

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

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

所以要特别注意。

相关推荐：

正则表达式中^/$和i、m、g的使用

正则表达式中的"^"这个符号的一些思考

正则表达式 "^+$"等符号意义

以上就是Javascript之正则表达式中$ 和 ^ 的用法的详细内容，更多请关注php中文网其它相关文章！