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

前端之家收集整理的这篇文章主要介绍了正则表达式中^/$和i、m、g的使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.

首先是^:匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。

Talk is cheap,show the code

  1. <script type="text/javascript">
  2. var text="index.aspx?test=1&ww=2&www=3"; //
  3. var regex =/\?(\w{1,}=\w{1,}&){1,}\w{1,}/;
  4. console.log(regex.test(text));//结果为true;
  5. var str = "index.aspx?test=1&ww=2&www=3";
  6. var pattern =/^\?(\w+=\w+&)+\w+=\w+/;
  7. console.log(pattern.test(str));//结果为false
  8. var txt = "?test=1&ww=2&www=3";
  9. var regExp = /^\?(\w+=\w+&)+\w+=\w+/;
  10. console.log(regExp.test(txt));//结果为true
  11. //在表达式RegexExpression对被校验的字符串String进行test校验时,如果符合条件(指的不是说这个字符串都符合,而是任意一部分只要满足)则返回true
  12. </script>

同理的是$:匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。

Show The Code

  1. <script type="text/javascript">
  2. var text="index.aspx?test=1&ww=2&www=3"; //
  3. var regex =/\?(\w{1,}/;
  4. console.log(regex.test(text));//结果为true;
  5. var str = "index.aspx?test=1&ww=2&www=3";
  6. var pattern =/\?(\w+=\w+&)+\w+=\w+$/;
  7. console.log(pattern.test(str));//结果为true
  8. var txt = "?test=1&ww=2&www=3";
  9. var regExp = /^\?(\w+=\w+&)+\w+=$/;
  10. console.log(regExp.test(txt));//结果为false
  11. //在表达式RegexExpression对被校验的字符串String进行test校验时,如果符合条件(指的不是说这个字符串都符合,而是任意一部分只要满足)则返回true
  12. </script>
这里可以看出“表达式regex”中如果有‘^|$’时,机制应该会先对字符串的第一个字符或最后一个字符进行校验

那么定义中的“如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。”是什么意思,这就是m的用法

2.

  1. <script type="text/javascript">
  2. var p = /[A-Za-z]+$/m;
  3. var s = '1a\n2b\n3c\n4d\n5e\n6f';
  4. console.log(p.test(s)); //显示为true
  5. //返回上一次正则表达式搜索时,被搜索字符串中最后一个匹配文本之后(不包括最后一个匹配:指a后面的\n)的所有字符。
  6. console.log(RegExp.rightContext);
  7. console.log(RegExp.rightContext.replace(/\x0A/g,'\\a')); //显示\a2\a3\a4\a5\a6
  8. //返回上一次正则表达式匹配时,被搜索字符串中最后一个匹配文本之前(不包括最后一个匹配:这里是指6f之前的\n)的所有字符
  9. console.log(RegExp.leftContext); //显示为竖的2b3c4d5e
  10. console.log(RegExp.rightContext); //显示为6
  11.  
  12.  
  13. var p = /[A-Za-z]+$/mg;
  14. var s = '1a\n2b\n3c\n4d\n5e\n6f';
  15. console.log(p.test(s)); //显示为true
  16. //返回上一次正则表达式搜索时,被搜索字符串中最后一个匹配文本之后(不包括最后一个匹配)的所有字符。
  17. console.log(RegExp.rightContext);
  18. console.log(RegExp.rightContext.replace(/\x0A/g,'\\a')); //显示\a2\a3\a4\a5\a6
  19. //返回上一次正则表达式匹配时,被搜索字符串中最后一个匹配文本之前(不包括最后一个匹配:这里是指6f之前的\n)的所有字符
  20. console.log(RegExp.leftContext); //显示为竖的2b3c4d5e
  21. console.log(RegExp.rightContext); //显示为6
  22.  
  23. var p = /[A-Za-z]+$/g;
  24. var s = '1a\n2b\n3c\n4d\n5e\n6f';
  25. console.log(p.test(s)); //显示为true
  26. console.log(RegExp.rightContext.replace(/\x0A/g,'\\a')); //什么都不显示
  27. console.log(RegExp.leftContext); //显示为竖的1a2b3c4d5e6;因为之前匹配的最后一个匹配文本是‘f’
  28. console.log(RegExp.rightContext); //什么都不显示
  29. </script>

显示就可以看出了“ 如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”;

3.

i/g是比较简单的了。 i是指忽略大小写, g是指的全局
  1. <script type="text/javascript">
  2. str = "tankZHang (231144)"+
  3. "tank ying (155445)";
  4. res = str.match(/zhang/);
  5. alert(res); //显示为null
  6.  
  7. res = str.match(/zhang/i); //加了/i
  8. alert(res); //显示为ZHang
  9. </script>
g的实例:
  1. <script type="text/javascript">
  2. str = "tankZHang (231144)"+
  3. "tank ying (155445)";
  4. res = str.match(/tank/); //没有加/g
  5. alert(res); //显示一个tank
  6.  
  7. res = str.match(/tank/g); //加了/g
  8. alert(res); //显示为tank,tank
  9. <strong></script></strong>

猜你在找的正则表达式相关文章