JavaScript正则表达式小结(test|match|search|replace|split|exec)


Posted in Javascript onDecember 08, 2016

学JavaScript正则的好文一篇:http://www.cainiao8.com/web/js_note/js_regular_expression.html

test:测试string是否包含有匹配结果,包含返回true,不包含返回false。

<script type="text/javascript"> 
 var str = "bbs.byr.cn"; 
 var reg = /b/; 
 var ret = reg.test(str); 
 alert(ret); //true 
</script>

match:根据pattern进行正则匹配,如果匹配到,返回匹配结果,如匹配不到返回null

<script type="text/javascript"> 
 var str = "ThIS isn't me"; 
 var reg = /is/ig; 
 var ret = str.match(reg); 
 alert(ret); //IS, is 
 console.log(ret); //["IS", "is"] 
</script>

 search :根据pattern进行正则匹配,如果匹配到一个结果,则返回它的索引数;否则返回-1

<script type="text/javascript"> 
 var str = "This isn't me"; 
 var reg = /is/; 
 var ret = str.search(reg); 
 alert(ret);//2 
</script>

replace:根据pattern进行正则匹配,把匹配结果替换为replacement

<script type="text/javascript"> 
 var str = "i love china!"; 
 var pattern = /i/g; 
 var ret = str.replace(pattern, "I"); 
 alert(ret); //I love chIna! 
</script>

split:根据pattern进行正则分割,返回一个分割的数组

<script type="text/javascript"> 
 var str = 'http://www.baidu.com/'; 
 var reg = /\W/; 
 var ret = str.split(reg); 
 console.log(ret); //["http", "", "", "www", "baidu", "com", ""] 
</script>

exec:对string进行正则处理,并返回匹配结果.array[0]为原字符串,array[i]为匹配在整个被搜索字符串中的位置。

<script type="text/javascript"> 
 var str = "i love china!"; 
 var reg = /i\B/g; 
 var ret = reg.exec(str); 
 alert(ret); // i 
 console.log(ret); //["i", index: 9, input: "i love china!"] 
</script>

以上所述是小编给大家介绍的JavaScript正则表达式小结(test|match|search|replace|split|exec),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
23个Javascript弹出窗口特效整理
Feb 25 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
Jul 12 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 #Javascript
微信公众号 摇一摇周边功能开发
Dec 08 #Javascript
Vue概念及常见命令介绍(1)
Dec 08 #Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 #Javascript
jquery二级目录选中当前页的css样式
Dec 08 #Javascript
wap手机端解决返回上一页的js实例
Dec 08 #Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 #Javascript
You might like
php和vue配合使用技巧和方法
2019/05/09 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
10个实用的脚本代码工具
2010/05/04 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
验证手机号码的JS方法分享
2013/09/10 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
2017/03/29 jQuery
angular-cli修改端口号【angular2】
2017/04/19 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
Python编程中装饰器的使用示例解析
2016/06/20 Python
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
Python中asyncio与aiohttp入门教程
2018/10/16 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例
2020/02/27 Python
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
可持续木材、生态和铝制太阳镜:Proof Eyewear
2019/07/24 全球购物
生产部主管岗位职责
2014/01/06 职场文书
初级会计求职信范文
2014/02/15 职场文书
学校党员对照检查材料
2014/08/28 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript