JS学习31：关于正则全局匹配结果为奇偶真假的小疑问

最新推荐文章于 2022-02-16 19:34:22 发布

wondergong

最新推荐文章于 2022-02-16 19:34:22 发布

阅读量548

点赞数

分类专栏： web前端

web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1、两个简单的正则判断


  
  // 正则判断1
/公司|企业|学校/g.test("123企业456");
 
// 正则判断2
/公司|企业|学校/.test("123企业456");

学过一点正则的朋友，应该知道，这两个正则判断的返回值都是true，在浏览器控制台可以直观的得到结果：

但是当我们要在判断语句中来获取正则判断1和正则判断2的结果时，却出现了奇异的现象：

从上图可以看出，正则判断1的if语句，第1次、第3次是返回的是true，而第2次、第4次返回的是false；而对正则判断2的if语句，始终返回的结果都是true。其中测试的源代码如下：


  
  <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="http://static.qianduanblog.com/css/3/last.min.css">
	<style>
 
body{
	padding: 30px;
	max-width: 400px;
}
.divider{
	margin: 20px 0;
	border: 1px solid #ddd;
}
hr{
	height: 20px;
}
.ret span{
	margin-left: 20px;
}
 
	</style>
</head>
<body>
 
<p class="mb10">正则1：/公司|企业|学校/g，字符串：123企业456</p>
<pre>/公司|企业|学校/g.test("123企业456");

测试结果：

正则2：/公司|企业|学校/，字符串：123企业456

/公司|企业|学校/.test("123企业456");

测试结果2：

var reg1=/公司|企业|学校/g; var reg2=/公司|企业|学校/;

var i1=0; var i2=0; $("#btn-1").click(function(){ i1++; if(reg1.test("123企业456")){ $("#div-1").append("

第"+i1+"次匹配成功

"); }else{ $("#div-1").append("

第"+i1+"次匹配失败

"); } }); $("#btn-2").click(function(){ i2++; if(reg2.test("123企业456")){ $("#div-2").append("

第"+i2+"次匹配成功

"); }else{ $("#div-2").append("

第"+i2+"次匹配失败

"); } });

2、正则的全局匹配

要解除这个疑惑，就先要明白什么是正则的全局匹配。先看个例子，有以下两个正则：


  
  var str="123abc456def789";
 
// 正则1（非全局匹配）
console.log(str.match(/\d+/));
 
// 正则2（全局匹配）
console.log(str.match(/\d+/g));

在浏览器控制台获得结果为：

其中全局匹配，匹配到了所有的数字，所以全局匹配在特定的要求下是非常有用的。并且可以发现，从控制台的返回结果的第一行，数组包含了index属性和input属性，他们分别指的是，非全局匹配的开始查找索引位置，index=0，表示从字符串str的开头开始匹配。其中index可以值可以下次获取，其名称为lastIndex，其解释为：

lastIndex属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。lastIndex属性是可读可写的。只要目标字符串的下一次搜索开始，就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。

所以，开头说的疑问，现在可以解答了。


  
  // 全局匹配
var reg1=/公司|企业|学校/g;
 
// 从索引为0的位置开始匹配，匹配成功，最后匹配到的索引在“业”后面，其索引值为5
console.log(reg1.test("123企业456"));
// =>true
 
console.log(reg1.lastIndex);
// =>5
 
// 从索引为5的位置开始匹配，但匹配失败，最后匹配到的索引在“6”后面，其索引值为8
console.log(reg1.test("123企业456"));
// =>false
 
// 但因为匹配失败，所以重置为0
console.log(reg1.lastIndex)
// =>0
 
// 从索引为0的位置开始匹配，匹配成功，最后匹配到的索引在“业”后面，其索引值为5
console.log(reg1.test("123企业456"));
// =>true

相关解释都注释在上面代码里了。开始说的疑惑，就是因为全局匹配中正则的lastIndex导致的结果，出现奇偶真假的现象也不足为怪了。那么如何解决呢？

一是修改去除正则的全局匹配标志“g”。
二是在判断为真的时候手动修改正则的lastIndex值。如


  
  // 全局匹配
var reg1=/公司|企业|学校/g;
 
console.log(reg1.test("123企业456"));
// =>true
 
// 匹配成功修改 lastIndex 属性
reg1.lastIndex=0;
 
console.log(reg1.lastIndex);
// =>0
 
console.log(reg1.test("123企业456"));
// =>true

3、参考资料

wondergong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习31：关于正则全局匹配结果为奇偶真假的小疑问

1、两个简单的正则判断// 正则判断1/公司|企业|学校/g.test("123企业456"); // 正则判断2/公司|企业|学校/.test("123企业456");学过一点正则的朋友，应该知道，这两个正则判断的返回值都是true，在浏览器控制台可以直观的得到结果：但是当我们要在判断语句中来获取正则判断1和正则判断2的结果时，却出现了奇异的现象：
复制链接

扫一扫