简单说正则表达式——要注意lastIndex属性

cgh1999520 发布于2019-08-01 17:56 / 2947人阅读

摘要：返回是一个只读的布尔值，看这个正则表达式是否带有修饰符。方法，它的参数是一个字符串，用对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回，否则返回。总结这次主要是说说，中正则表达式对象的个属性，而最需要注意的就是属性了。

说明

这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。

解释

每个RegExp对象都包含5个属性，source、global、ignoreCase、multiline、lastIndex。
source：是一个只读的字符串，包含正则表达式的文本。

var reg = /JavaScript/;
reg.source; //返回 JavaScript

global：是一个只读的布尔值，看这个正则表达式是否带有修饰符g。
修饰符g，是全局匹配的意思，检索字符串中所有的匹配。

var str = "JavaScript";
str.match(/JavaScript/); //只能匹配一个JavaScript 

var str = "JavaScript JavaScript";
str.match(/JavaScript/g); //能匹配两个JavaScript 

var reg = /JavaScript/;
reg.global; //返回 false

var reg = /JavaScript/g;
reg.global; //返回 true

ignoreCase：是一个只读的布尔值，看这个正则表达式是否带有修饰符i。
修饰符i，说明模式匹配是不区分大小写的。

var reg = /JavaScript/;
reg.ignoreCase; //返回 false

var reg = /JavaScript/i;
reg.ignoreCase; //返回 true

var reg = /JavaScript/;
reg.test("javascript"); //返回 false

var reg = /JavaScript/i;
reg.test("javascript"); //返回 true

multiline：是一个只读的布尔值，看这个正则表达式是否带有修饰符m。
修饰符m，用以在多行模式中执行匹配，需要配合^ 和 $ 使用，使用^ 和 $ 除了匹配整个字符串的开始和结尾之外，还能匹配每行的开始和结尾。

var str="java
JavaScript";
str.match(/^JavaScript/);  //返回null

var str="java
JavaScript";
str.match(/^JavaScript/m);  //匹配到一个JavaScript

var reg=/JavaScript/;
reg.multiline; //返回false

var reg=/JavaScript/m;
reg.multiline; //返回true

lastIndex：是一个可读/写的整数，如果匹配模式中带有g修饰符，这个属性存储在整个字符串中下一次检索的开始位置，这个属性会被exec( ) 和 test( ) 方法用到。

exec( )方法是在一个字符串中执行匹配检索，如果它没有找到任何匹配，它就返回null，但如果它找到了一个匹配，它就返回一个数组。

当调用exec( )的正则表达式对象具有修饰符g时，它将把当前正则表达式对象的lastIndex属性设置为紧挨着匹配子串的字符位置，当同一个正则表达式第二次调用exec( )，它会将从lastIndex属性所指示的字符串处开始检索，如果exec( )没有发现任何匹配结果，它会将lastIndex重置为0。

test( )方法，它的参数是一个字符串，用test( )对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回true，否则返回false。

var str="java";
var reg=/JavaScript/;
reg.test(str);  //返回false

var str="JavaScript";
var reg=/JavaScript/;
reg.test(str);  //返回true

当调用test( )的正则表达式对象具有修饰符g时，它的行为和exec( )相同，因为它从lastIndex指定的位置处开始检索某个字符串，如果它找到了一个匹配结果，那么它就立即设置lastIndex为紧挨着匹配子串的字符位置
看看下面这段有趣的代码

var str="JavaScript";
var reg=/JavaScript/g;

console.log(reg.test(str));  //打印 true
console.log(reg.test(str));  //打印 false

为什么同样的字符串，同样的正则表达式，却打印的不一样，如果你已经理解了 lastIndex属性，那你一定明白为什么。
我们来看看到底发什么了什么

var str="JavaScript";
var reg=/JavaScript/g;

console.log(reg.test(str)); //打印 true

console.log(reg.lastIndex);
//打印10，因为匹配到了JavaScript，所以设置lastIndex为匹配结果紧挨着的字符位置

console.log(reg.test(str));
//打印 false，因为从lastIndex位置检索字符串，已经没有匹配结果了

console.log(reg.lastIndex);
//打印0，因为没有匹配到结果，所以将lastIndex重置为0

这里注意一点，如果第一次调用test( )匹配结束后，我们手动将lastIndex重置为0，那么第二次调用test( )，同样可以打印true

var str="java JavaScript java";
var reg=/JavaScript/g;

console.log(reg.test(str)); //打印 true
reg.lastIndex=0;
console.log(reg.test(str)); //打印 true

在强调一次，上面说的关于lastIndex的问题，都是因为正则表达式对象中带有修饰符g，如果不带有修饰符g，就不用担心这些问题了。

总结

这次主要是说说，JavaScript中正则表达式对象的5个属性，而最需要注意的就是lastIndex属性了。

混合云超融合服务器正则正则表达式正则匹配正则表达式 -正则表达式正则表达式?

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/51472.html

简单说正则表达式——要注意lastIndex属性

摘要：返回是一个只读的布尔值，看这个正则表达式是否带有修饰符。方法，它的参数是一个字符串，用对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回，否则返回。总结这次主要是说说，中正则表达式对象的个属性，而最需要注意的就是属性了。说明这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。解释每个RegExp对象都包含5个属性，source、global、ign...

jokester 2019-08-21 17:28 评论0 收藏0
简单说正则表达式——要注意lastIndex属性

摘要：返回是一个只读的布尔值，看这个正则表达式是否带有修饰符。方法，它的参数是一个字符串，用对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回，否则返回。总结这次主要是说说，中正则表达式对象的个属性，而最需要注意的就是属性了。说明这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。解释每个RegExp对象都包含5个属性，source、global、ign...

W_BinaryTree 2019-08-05 17:58 评论0 收藏0
简单说正则表达式——要注意lastIndex属性

摘要：返回是一个只读的布尔值，看这个正则表达式是否带有修饰符。方法，它的参数是一个字符串，用对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回，否则返回。总结这次主要是说说，中正则表达式对象的个属性，而最需要注意的就是属性了。说明这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。解释每个RegExp对象都包含5个属性，source、global、ign...

xushaojieaaa 2019-08-29 13:45 评论0 收藏0
【愣锤笔记】一支穿云箭、正则来相见

摘要：表示进行多行匹配。如果正则表达式中含有子表达式，那么该数组后续的项依次为匹配到的第一个子表达式的匹配结果，第二个第个。关于正则方法有一点必须要提，很容易导致错误的情况。这时候直接使用该正则表达式对进行方法调用，却返回了。匹配前一项至少次。有人说，一行正则抵得上100行代码……正则表达式，每门语言都有，在我们的js开发中，最常见的使用场景：一是表单验证，像是登录注册啊，用户输入检测啊，不管在前...

wangbjun 2019-05-23 14:33 评论0 收藏0
从RegExp.prototype.test()开始说正则的lastIndex属性

摘要：的文档说的很清楚，是正则表达式一个可读可写的整形属性，表示下次正则匹配的起始索引。只有在正则本身使用全局匹配时，该属性才会被设置并且起作用。如果等于字符串的长度，且该正则表达式匹配空字符串，则该正则表达式匹配从开始的字符串。故事的开始是这样的: showImg(https://segmentfault.com/img/bVYxJK?w=756&h=686); 需要做的就是为这个列表加...

seanlook 2019-08-21 17:39 评论0 收藏0