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

本文主要和大家分享Javascript之正则表达式中$ 和 ^ 的用法，希望能帮助到大家。

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

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

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

var str="abc.css";

var pattern=/\.css$/;

console.log(str.match(pattern));

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

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

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

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

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

所以要特别注意。

相关推荐：