注意 JavaScript 中 RegExp 对象的 test 方法

 更新时间:2007年01月09日 00:00:00   作者:  
JavaScript 中的 RegExp 对象用于正则表达式相关的操作,这个对象提供了一个方法 test 来判定某个字符串是否满足某个 pattern. 返回值是 true/false.
今天我碰到了一个问题:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这里两个测试的字符串应该都满足正则表达式中的模式,返回 true. 可是测试结果却依次是:true, false.

我估计问题的原因可能是因为 RegExp 对象是有状态的,并且在 test 方法的执行时会在某个步骤中利用到状态信息,这样就造成了错误。
(注:RegExp 全局对象有一些静态属性和方法,比如 RegExp.$1... RegExp$9, 等)

解决这个问题的办法也很简单,就是每次重新初始化一次正则表达式对象:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
在我看来,JavaScript 中正则表达式的这个行为设计的很奇怪,应该说是和正常使用习惯有那么一点点的不同。虽然使用了很久的 JavaScript, 却一直没有注意到这个奇怪的现象。其他语言比如 Python, C# 等都不是这样的。

了解这个问题详细原因的朋友,请不吝指教。
当然,你用了全局匹配模式 g. 所以用完要重置 lastIndex 


var re = /^\d+(?:\.\d)?$/ig; //==> "ig" 
alert(re.test('112.3')); 
re.lastIndex=0 //加这句 
alert(re.test('33')); 

或者 

var re = /^\d+(?:\.\d)?$/i; //==> only "i", no g 
alert(re.test('112.3')); 
alert(re.test('33')); 


这样就OK了
对于你这个应用环境来说,是不需要 "g" 的,其实 "i" 也不要, 
匹配一个数字要区分大小写吗?? 

不管加 "i" 还是加 "g" 都会让你的代码变慢。 
建议只有在非常必要的情况下才加上ig   

相关文章

  • 轻松掌握JavaScript代理模式

    轻松掌握JavaScript代理模式

    这篇文章主要帮助大家轻松掌握JavaScript代理模式,什么是代理模式?代理的用途,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • js中document.getElementById(id)的具体用法

    js中document.getElementById(id)的具体用法

    本文主要介绍了js中document.getElementById(id)的具体用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • layui在表格中嵌入上传按钮并修改上传进度条的实例

    layui在表格中嵌入上传按钮并修改上传进度条的实例

    这篇文章主要介绍了layui在表格中嵌入上传按钮并修改上传进度条的实例,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07
  • js如何获取当前网站的协议、域名、端口号

    js如何获取当前网站的协议、域名、端口号

    文章介绍了如何使用JavaScript的window.location对象获取当前网站的协议、域名、端口号,并提供了示例代码,此外,还介绍了如何将这些部分组合成一个完整的URL
    2025-01-01
  • Webpack自动清理打包目录的实现

    Webpack自动清理打包目录的实现

    本文主要介绍了Webpack自动清理打包目录的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • javascript+dom树型菜单类,希望朋友们一起进步

    javascript+dom树型菜单类,希望朋友们一起进步

    javascript+dom树型菜单类,希望朋友们一起进步...
    2007-05-05
  • 处理Axios返回Promise对象的几种常见方式

    处理Axios返回Promise对象的几种常见方式

    Axios返回的是Promise对象,这意味着可以使用Promise的.then()、.catch()和.finally()方法来处理异步操作的结果,本文详细介绍了处理Axios返回Promise对象的几种常见方式,需要的朋友可以参考下
    2024-09-09
  • js中toString方法3个作用

    js中toString方法3个作用

    这篇文章主要给大家分享了js中toString方法的3个作用,文章围绕js中toString方法的相关资料展开全文内容,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2021-12-12
  • SVG快速构建马赛克效果

    SVG快速构建马赛克效果

    这篇文章主要为大家介绍了SVG快速构建马赛克效果示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • js实现类似jquery里animate动画效果的方法

    js实现类似jquery里animate动画效果的方法

    这篇文章主要介绍了js实现类似jquery里animate动画效果的方法,实例分析了javascript模拟实现jQuery中animate动画效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04

最新评论