脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js正则表达式 g

JS中使用正则表达式g模式和非g模式的区别

 更新时间：2017年04月01日 17:06:04   作者：mischen520  
这篇文章给大家详细介绍了JS中使用正则表达式g模式和非g模式的区别，非常不错，具有参考借鉴价值，需要的朋友参考下吧

先给大家说下js正则表达式中的g到底是什么意思

g是global的缩写啊！

就是匹配全部可匹配结果，

如果你不带g,在正则过程中，字符串是从左至右匹配的，如果匹配成功就不再继续向右匹配了，如果你带g,它会重头到尾的把正确匹配的字符串挑选出来

例如：

var str = 'aaaaaaaa'
var reg1 = /a/
var reg2 = /a/g
str.match(reg1)  // 结果为：["a", index: 0, input: "aaaaaaaa"]
str.match(reg2)  // 结果为：["a", "a", "a", "a", "a", "a", "a", "a"]

js正则表达式g模式与非g模式的区别，具体代码如下所示：

<!DOCTYPE html> 
<html> 
<head lang="en"> 
  <meta charset="UTF-8"> 
  <title>mischen</title> 
  <script> 
    //js中使用正则表达式 
    function test(){ 
      //生成正则表达式对象; 
      // 在g模式下，正则表达式对象的exec和test方法，依赖 正则表达式对象的lastIndex属性，而lastIndex会根据我们exec 
      // 和test的执行 发生偏移  如果没有相应匹配  lastIndex 重归0 
      //在非g模式下，正则表达式对象的exec和test方法， lastIndex 不会发生偏移 
      //exec方法 如果正则表达式中 有分组  第一个返回的是 匹配到的字符串 后面是根据分组分别返回的匹配的 字符串 
      var reg=new RegExp("\\d+[a-z]+","ig"); //字符串里 \ 表示转译 
      var str="123abc123def"; 
      alert(reg.lastIndex);//0 
      alert(reg.exec(str));//123abc 
      alert(reg.lastIndex);//6 
      alert(reg.test(str));//true 
      alert(reg.lastIndex);//12 
    } 
   // test(); 
    test1(); 
    function test1(){ 
      //非g模式下使用 exec 和test 
      var reg=new RegExp("\\d+[a-z]+","i"); 
      var str="123abc123def"; 
//      alert(reg.lastIndex);//0 
//      alert(reg.exec(str));//123abc 
//      alert(reg.lastIndex);//0 
//      alert(reg.test(str));//true 
//      alert(reg.lastIndex);//0 
//      alert(reg.exec(str));//123abc 
//      alert(reg.lastIndex);//0 
//      alert(reg.test(str));//true 
//      alert(reg.lastIndex);//0 
      var reg=new RegExp("(\\d+)([a-z]+)","i"); 
      alert(reg.exec(str));//123abc,123,abc 
      alert(reg.exec(str));//123abc,123,abc 
    } 
  </script> 
</head> 
<body> 
</body> 
</html>

以上所述是小编给大家介绍的JS中使用正则表达式g模式和非g模式的区别,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 深入了解JavaScript 私有化

    深入了解JavaScript 私有化

    有人认为Javascript缺乏隐藏对象细节信息的特性，因为Javascript的对象没有私有变量和私有方法。这其实是个误解，Javascript对象是可以有这些私有成员的。下面我们来详细了解一下吧
    2019-05-05
  • javascript 数据结构的题

    javascript 数据结构的题

    面试题是3个数据结构的题，可以用java/c/c++/python实现，靠，js也能实现，鄙视js？我上机就用js写的，虽说肯定没戏，但js我挺。
    2008-07-07
  • JavaScript实现浏览器内多个标签页通信方式详解

    JavaScript实现浏览器内多个标签页通信方式详解

    在浏览器中,多个标签页（页签）之间的通信有一些方法可以实现,这篇文章为大家整理了6个常用的方法,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-03-03
  • Canvas中绘制Geojson数据示例详解

    Canvas中绘制Geojson数据示例详解

    这篇文章主要为大家介绍了Canvas中绘制Geojson数据示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-11-11
  • 基于js实现checkbox批量选中操作

    基于js实现checkbox批量选中操作

    这篇文章主要为大家详细介绍了基于js实现checkbox批量选中操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • javascript代码压缩工具的原理

    javascript代码压缩工具的原理

    JavaScript代码压缩对代码进行一系列优化处理,从而减小代码的体积,提高网页的加载速度,JavaScript代码压缩的原理包含去除代码中的空格、注释、不必要的换行符等无用字符,压缩变量名、压缩函数名等操作,将一些常见的操作(如+、-、*、/)转换成更短的操作符(如@、^、#、|)
    2023-12-12
  • javascript中export 和export default的区别

    javascript中export 和export default的区别

    本文主要介绍了javascript中export 和export default的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • JS实现按比例缩小图片宽高

    JS实现按比例缩小图片宽高

    这篇文章主要为大家详细介绍了JS实现按比例缩小图片宽高，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-08-08
  • js 翻转颜色实现代码

    js 翻转颜色实现代码

    将#ffffff转换成rgb(0,0,0)格式的颜色代码，需要的朋友可以参考下。
    2010-03-03
  • NestJS装饰器实现GET请求

    NestJS装饰器实现GET请求

    本文介绍了如何通过装饰器实现GET请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-10-10

最新评论