浅谈regExp的test方法取得的值变化的原因及处理方法

 更新时间:2017年03月01日 09:23:17   投稿:jingxian  
下面小编就为大家带来一篇浅谈regExp的test方法取得的值变化的原因及处理方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1、JavaScript 正则表达式对象RegExp的test方法,用于检测一个字符串是否匹配某个模式。

字面量定义RegExp对象:var re = /pattern/attributes,其中attributes可以是g,i,m;

阅读以下程序:

<script type="text/javascript"> 
var str = 'abc123'; 
var re = /^abc/g ;
var result1 = re.test(str); 
var result2 = re.test(str); 
var result3 = re.test(str); 
document.write('result1:' + result1 + '<br/>'); 
document.write('result2:' + result2 + '<br/>'); 
document.write('result3:' + result3); 
</script>

我们会认为打印结果应该是true;true;true;

而实际情况却是true;false;true;

2、为什么第二个结果是false?

发现RegExp对象有一个lastIndex的属性,如果使用了全局修饰符,那么执行test方法后,lastIndex就会记录匹配的字符串在原始字 符串中最后一位的索引加一,例如执行了var result1 = re.test(str)后lastIndex为3(document.write('re.lastindex:' + re.lastIndex+ '<br/>');),如果没有发现匹配lastIndex置为0。当下次再执行时,对给定的字符串匹配不是从开头位置,而是要依据lastIndex提供的位置,由于这个原因,所以导致上例中result2的值为false。

3、处理方法:去除g;

即:var re = /^abc/g ;变为 var re = /^abc/;

以上这篇浅谈regExp的test方法取得的值变化的原因及处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js 浏览器事件介绍

    js 浏览器事件介绍

    浏览器事件指载入文档直到该文档被关闭期间的浏览器事件,如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等
    2012-03-03
  • js 本地预览的简单实现方法

    js 本地预览的简单实现方法

    本篇文章主要是对js本地预览的简单实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • Emberjs 通过 axios 下载文件的方法

    Emberjs 通过 axios 下载文件的方法

    这篇文章主要介绍了Emberjs 通过 axios 下载文件的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • 查看QQ是否在线状态的网页代码

    查看QQ是否在线状态的网页代码

    这个其实就是利用qq官方提供的东西,简单的通过图片来测试是否在线,隐身也是不在线状态。纯粹学习使用。
    2010-04-04
  • jquery的$getjson调用并获取远程的JSON字符串问题

    jquery的$getjson调用并获取远程的JSON字符串问题

    jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数,本文将详细介绍,需要的朋友可以参考下
    2012-12-12
  • JS格式化数字保留两位小数点示例代码

    JS格式化数字保留两位小数点示例代码

    式化数字保留两位小数点实现的方法有很多,在接下来的文章中将为大家详细介绍下如何使用js来实现
    2013-10-10
  • 浅谈js的ajax的异步和同步请求的问题

    浅谈js的ajax的异步和同步请求的问题

    下面小编就为大家带来一篇浅谈js的ajax的异步和同步请求的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 利用threejs实现一个简易的泊车功能

    利用threejs实现一个简易的泊车功能

    这篇文章主要为大家详细介绍了如何利用threejs实现一个简易的泊车功能,文中的示例代码讲解详细,对大家的学习和工作有一定的帮助,感兴趣的小伙伴可以动手尝试一下
    2024-01-01
  • JavaScript实现当网页加载完成后执行指定函数的方法

    JavaScript实现当网页加载完成后执行指定函数的方法

    这篇文章主要介绍了JavaScript实现当网页加载完成后执行指定函数的方法,实例分析了javascript加载页面及执行函数的技巧,需要的朋友可以参考下
    2015-03-03
  • JS利用Intl解决前端日期和时间的格式化详解

    JS利用Intl解决前端日期和时间的格式化详解

    Intl 是一个全局对象,它的主要用途就是展示国际化信息,可以将字符串,数字和日期和时间转换为指定地区的格式。这篇文章就来和大家聊聊如何利用Intl解决前端日期和时间的格式化吧
    2023-03-03

最新评论