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

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

1.

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

Talk is cheap,show the code

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

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

Show The Code

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

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

2.

<script type="text/javascript">
var p = /[A-Za-z]+$/m;
var s = '1a\n2b\n3c\n4d\n5e\n6f';
console.log(p.test(s)); //显示为true
//返回上一次正则表达式搜索时,被搜索字符串中最后一个匹配文本之后(不包括最后一个匹配:指a后面的\n)的所有字符。
console.log(RegExp.rightContext);
console.log(RegExp.rightContext.replace(/\x0A/g,'\\a')); //显示\a2\a3\a4\a5\a6
//返回上一次正则表达式匹配时,被搜索字符串中最后一个匹配文本之前(不包括最后一个匹配:这里是指6f之前的\n)的所有字符
console.log(RegExp.leftContext); //显示为竖的2b3c4d5e
console.log(RegExp.rightContext); //显示为6


var p = /[A-Za-z]+$/mg;
var s = '1a\n2b\n3c\n4d\n5e\n6f';
console.log(p.test(s)); //显示为true
//返回上一次正则表达式搜索时,被搜索字符串中最后一个匹配文本之后(不包括最后一个匹配)的所有字符。
console.log(RegExp.rightContext);
console.log(RegExp.rightContext.replace(/\x0A/g,'\\a')); //显示\a2\a3\a4\a5\a6
//返回上一次正则表达式匹配时,被搜索字符串中最后一个匹配文本之前(不包括最后一个匹配:这里是指6f之前的\n)的所有字符
console.log(RegExp.leftContext); //显示为竖的2b3c4d5e
console.log(RegExp.rightContext); //显示为6

var p = /[A-Za-z]+$/g;
var s = '1a\n2b\n3c\n4d\n5e\n6f';
console.log(p.test(s));  //显示为true
console.log(RegExp.rightContext.replace(/\x0A/g,'\\a'));  //什么都不显示
console.log(RegExp.leftContext);    //显示为竖的1a2b3c4d5e6;因为之前匹配的最后一个匹配文本是‘f’
console.log(RegExp.rightContext);   //什么都不显示
</script>

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

3.

i/g是比较简单的了。 i是指忽略大小写, g是指的全局
<script type="text/javascript">
str = "tankZHang (231144)"+
 "tank ying (155445)";
res = str.match(/zhang/); 
alert(res); //显示为null

res = str.match(/zhang/i); //加了/i
alert(res); //显示为ZHang
</script>
g的实例:
<script type="text/javascript">
str = "tankZHang (231144)"+
 "tank ying (155445)";
res = str.match(/tank/);    //没有加/g
alert(res);                 //显示一个tank

res = str.match(/tank/g);   //加了/g
alert(res);                 //显示为tank,tank
<strong></script></strong>
原文链接:https://www.f2er.com/regex/359675.html

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