正则全局匹配模式g修饰符的使用详解

这次给大家带来正则全局匹配模式g修饰符的使用详解,使用正则全局匹配模式g修饰符的注意事项有哪些,下面就是实战案例,一起来看一下。

正则表达式g修饰符:

g修饰符用语规定正则表达式执行全局匹配,也就是在找到第一个匹配之后仍然会继续查找。

语法结构:

构造函数方式:

new RegExp("regexp","g")

登录后复制

对象直接量方式:

/regexp/g

浏览器支持:

IE浏览器支持此元字符。
火狐浏览器支持此元字符。
谷歌浏览器支持此元字符。

实例代码:

实例一:

var str="this is an antzone good"; var reg=/an/;console.log(str.match(reg));

登录后复制

以上代码只能够匹配第一个”an”,因为并没有进行全局匹配,在第一个匹配成功之后,就不再继续匹配了。

实例二:

var str="this is an antzone good"; var reg=/an/g;console.log(str.match(reg));

登录后复制

以上代码能够匹配到两个”an”。

下面是补充

本文章来详细介绍js中正则表达式的全局匹配模式 /g用法,代码如下:

var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //输出ture console.log(re.test(str)); //输出false console.log(re.test(str)); //输出ture console.log(re.test(str)); //输出false

登录后复制

在创建正则表达式对象时如果使用了“g”标识符或者设置它了的global属性值为ture时,那么新创建的正则表达式对象将使用模式对要将要匹配的字符串进行全局匹配。在全局匹配模式下可以对指定要查找的字符串执行多次匹配。每次匹配使用当前正则对象的lastIndex属性的值作为在目标字符串中开始查找的起始位置。lastIndex属性的初始值为0,找到匹配的项后lastIndex的值被重置为匹配内容的下一个字符在字符串中的位置索引,用来标识下次执行匹配时开始查找的位置,如果找不到匹配的项lastIndex的值会被设置为0。当没有设置正则对象的全局匹配标志时lastIndex属性的值始终为0,每次执行匹配仅查找字符串中第一个匹配的项。可以通下面的代码来查看在执行匹配相应的lastIndex 属性的值,代码如下:

var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //输出ture console.log(re.lastIndex); //输出7 console.log(re.test(str)); //输出false console.log(re.lastIndex); //输出0 console.log(re.test(str)); //输出ture console.log(re.lastIndex); //输出7 console.log(re.test(str)); //输出false console.log(re.lastIndex); //输出0

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

正则的模式修饰符使用详解

正则表达式的.号元字符使用详解(附代码)

以上就是正则全局匹配模式g修饰符的使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777632.html

(0)
上一篇 2025年3月8日 15:11:23
下一篇 2025年2月18日 16:01:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 正则怎么匹配Abba逆向前瞻

    这次给大家带来正则怎么匹配Abba逆向前瞻,正则匹配Abba逆向前瞻的注意事项有哪些,下面就是实战案例,一起来看一下。 核心代码: var s1 = ‘acritan’;var s2 = ‘bassarisk’;var s3 = ‘comm…

    编程技术 2025年3月8日
    200
  • js 中的单例模式

    本篇文章给大家分享的内容是关于js 中的单例模式,有着一定的参考价值,有需要的朋友可以参考一下 js 单例模式 顾名思义: 只能生成一个 实例对象 nbsp;html>                js_singleton_patt…

    编程技术 2025年3月8日
    200
  • 怎么使用JS严格模式

    这次给大家带来怎么使用JS严格模式,使用JS严格模式的注意事项有哪些,下面就是实战案例,一起来看一下。 所谓严格模式其实就是一个不会赋值给任何变量的字符串 “use strict” 如果在全局作用域下 给出这个提示,那整个脚本将采用严格模式…

    编程技术 2025年3月8日
    200
  • JS实现单例模式的步奏详解

    这次给大家带来JS实现单例模式的步奏详解,JS实现单例模式的注意事项有哪些,下面就是实战案例,一起来看一下。 传统单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 实现单例核心思想 无非是用一个变量来标志当前是否已经为某个类…

    编程技术 2025年3月8日
    200
  • vue项目的History模式

    这次给大家带来vue项目的History模式,操作vue项目History模式的注意事项有哪些,下面就是实战案例,一起来看一下。 但是不难发现#的出现真的很丑陋,并且也不知道这是什么作用? 所以就去Stack Overflow上搜索了,果然…

    编程技术 2025年3月8日
    200
  • ajax三种解析模式使用详解

    这次给大家带来ajax三种解析模式使用详解,ajax三种解析模式使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一、Ajax中的JSON格式 html代码: var btn = document.getElementById(“bt…

    编程技术 2025年3月8日
    200
  • vue之.sync修饰符使用详解

    这次给大家带来vue之.sync修饰符使用详解,vue之.sync修饰符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 在一些情况下,我们可能会需要对一个 prop (父子组件传递数据的属性) 进行“双向绑定”。 在vue 1.x …

    2025年3月8日 编程技术
    200
  • builder模式有哪些使用方法

    这次给大家带来builder模式有哪些使用方法,builder模式使用的注意事项有哪些,下面就是实战案例,一起来看一下。 概述 Builder模式:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。 使用场景 相同的…

    编程技术 2025年3月8日
    200
  • Builder模式使用教程

    这次给大家带来Builder模式使用教程,Builder模式使用的注意事项有哪些,下面就是实战案例,一起来看一下。 概述 Builder模式:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。 使用场景 相同的方法,…

    编程技术 2025年3月8日
    200
  • Vue+修饰符触发事件

    这次给大家带来Vue+修饰符触发事件,Vue+修饰符触发事件的注意事项有哪些,下面就是实战案例,一起来看一下。 按键修饰符 在 PC 端开发时, 我们常常会遇到类似的需求, 比如用户按下 enter 键时提交表单, 没有用按键修饰符时, 我…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论