当前位置:主页 > javascript教程 > JS中使用正则表达式g模式和非g模式的区别

JS用正则表达式g模式和非g模式的区别点整理

发布:2020-03-08 21:01:28 51


本站精选了一篇javascript相关的编程文章,网友边宏儒根据主题投稿了本篇教程内容,涉及到JS、正则表达式、g模式、非g模式、JS中使用正则表达式g模式和非g模式的区别相关内容,已被125网友关注,涉猎到的知识点内容可以在下方电子书获得。

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模式的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!


参考资料

相关文章

  • JS实现页面缩放兼容性处理方法

    发布:2020-08-03

    下面小编就为大家带来一篇页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • JS实现动态添加DOM节点和事件的实例

    发布:2019-09-16

    这篇文章主要介绍了JS实现动态添加DOM节点和事件的方法,涉及javascript事件响应及针对页面dom元素节点与属性的动态操作相关实现技巧,需要的朋友可以参考下


  • 详解mock.js模拟数据实现前后端分离方法

    发布:2020-01-26

    这篇文章主要为大家详细介绍了mock.js模拟数据实现前后端分离,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Python接口对json串的处理方法总结

    发布:2019-06-07

    今天小编就为大家分享一篇浅谈Python接口对json串的处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • JS实现的字符串数组去重功能小结

    JS实现的字符串数组去重功能小结

    发布:2022-06-17

    给大家整理一篇关于javascript的教程,这篇文章主要介绍了JS实现的字符串数组去重功能,结合实例形式分析了javascript基于ES6、ES5、ES3及正则实现数组去重的相关操作技巧,需要的朋友可以参考下


  • JavaScript实现百度搜索框的过程

    发布:2020-07-24

    这篇文章主要为大家详细介绍了基于JavaScript实现百度搜索框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Django中修改js css文件但浏览器无法及时与之改变的解决方法

    发布:2019-09-15

    今天小编就为大家分享一篇解决Django中修改js css文件但浏览器无法及时与之改变的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • vue不通过路由直接获取url中参数的方法示例

    发布:2022-04-02

    通过url传递参数是我们在开发中经常用到的一种传参方法,但通过url传递后改如果获取呢?下面这篇文章主要给大家介绍了关于vue如何不通过路由直接获取url中参数的相关资料,需要的朋友可以


网友讨论