JS正则里面^和$的问题

发布网友发布时间：2022-04-23 05:48

共4个回答

懂视网时间：2022-04-23 10:09

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

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

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

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

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

所以要特别注意。