注意 JavaScript 中 RegExp 对象的 test 方法

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   

您可能感兴趣的文章:

  • JS正则中的RegExp对象对象
  • javascript RegExp对象(正则表达式)
  • JavaScript RegExp 正则表达式对象详细说明
  • js正则表达式讲解之index属性(RegExp对象)
  • 详解JavaScript正则表达式之RegExp对象
  • JavaScript 正则表达式之RegExp属性、方法及应用分析
  • JS正则RegExp.test()使用注意事项(不具有重复性)
  • javascript RegExp 对象属性与方法和应用
  • javascript类型系统_正则表达式RegExp类型详解
  • JavaScript使用RegExp进行正则匹配的方法
  • JavaScript引用类型RegExp基本用法详解

相关推荐:

如何通过JavaScript实现组件化和模块化

今天小编给大家分享的是如何通过JavaScript实现组件化和模块化,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。组件化和模块化为什么会有组件化和模块化?当我们的项目复杂度不断上升,项目维护成本逐渐提高之后,对于旧项目的维护就变得格外困难。前...

JavaScript中的parseInt()的用法

本篇内容介绍了“JavaScript中的parseInt()的用法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!起因写这篇博客的起因是今天在刷leetcode的每日一题,是一道字符串转换整数(atoi...

JavaScript中的parseInt()函数怎么用

这篇文章主要讲解了“JavaScript中的parseInt()函数怎么用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript中的parseInt()函数怎么用”吧!JavaScriptparseInt()函数JavaScript全局对...

JavaScript中如何使用parseInt()函数

这篇文章主要介绍“JavaScript中如何使用parseInt()函数”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript中如何使用parseInt()函数”文章能帮助大家解决问题。JavaScriptparseInt()函数JavaScri...

JavaScript数组去重的方法是什么

本篇内容介绍了“JavaScript数组去重的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!目录一、Set去重二、双重for循环去重三、利用indexOf去重四、利用icludes去重五、f...

JavaScript实现数字前补“0”的五种方法示例

本文实例讲述了JavaScript实现数字前补“0”的五种方法。分享给大家供大家参考,具体如下: 众所周知JavaScript中的数字是没有前置0的,因此需要我们自己进行操作来添加前置0,而且还得转换成字符串。 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Tr...

JavaScript数组去重的五种方法是什么

本篇内容介绍了“JavaScript数组去重的五种方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!最简单的方法,ES6的Set去重(最推荐)这个方法是我日常开发中最喜欢用的方法,因为,他的使用...

使用JavaScript怎么动态给标签控件添加事件

使用JavaScript怎么动态给标签控件添加事件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XH...