JS中正则表达式全局匹配模式 /g用法详解


Posted in Javascript onApril 01, 2017

本文章来详细介绍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

以上所述是小编给大家介绍的JS中正则表达式全局匹配模式 /g用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
谈谈target=_new和_blank的不同之处
Oct 25 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 Javascript
Vue 数据绑定的原理分析
Nov 16 Javascript
Vue表单验证插件的制作过程
Apr 01 #Javascript
JS中使用正则表达式g模式和非g模式的区别
Apr 01 #Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 #jQuery
微信小程序网络请求的封装与填坑之路
Apr 01 #Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 #Javascript
Node.js之网络通讯模块实现浅析
Apr 01 #Javascript
vue-cli+webpack记事本项目创建
Apr 01 #Javascript
You might like
BBS(php & mysql)完整版(七)
2006/10/09 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
初识PHP中的Swoole
2016/04/05 PHP
微信支付开发订单查询实例
2016/07/12 PHP
摘自启点的main.js
2008/04/20 Javascript
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
2015/09/15 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
JS实现留言板功能
2017/06/17 Javascript
js自定义弹框插件的封装
2020/08/24 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
python实现DES加密解密方法实例详解
2015/06/30 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
python中如何使用insert函数
2020/01/09 Python
Python守护进程实现过程详解
2020/02/10 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
会议邀请函范文
2014/01/09 职场文书
企业年会主持词
2014/03/27 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书