javascript中match函数的用法小结


Posted in Javascript onFebruary 08, 2014

javascript中的match函数是使用正则表达式对字符串进行查找,并将查找的结果作为数组返回,在实际开发中非常的有用,使用方法如下:
stringObj.match(rgExp)
其中stringObj是必选项。对其进行查找的 String 对象或字符串文字。
rgExp是必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。

如果javascript中match函数方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。JavaScript中match函数方法返回的数组有三个属性:input、index和lastIndex。Input 属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex 属性包含了最后一次匹配中最后一个字符的下一个位置。如果没有设置全局标志 (g),数组的0元素包含整个匹配,而第 1 到 n 元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素0到n中包含所有匹配。

下面的示例演示了js中match函数方法的用法:
function MatchDemo(){
var r, re; // 声明变量。
var s = "The rain in Spain falls mainly in the plain";
re = /ain/i; // 创建正则表达式模式。
r = s.match(re); // 尝试匹配搜索字符串。
return(r); // 返回第一次出现 "ain" 的地方。
}

本示例说明带 g 标志设置的js中match函数方法的用法
function MatchDemo(){
var r, re; // 声明变量。
var s = "The rain in Spain falls mainly in the plain";
re = /ain/ig; // 创建正则表达式模式。
r = s.match(re); // 尝试去匹配搜索字符串。
return(r); // 返回的数组包含了所有 "ain"
// 出现的四个匹配。

下面几行代码演示了字符串文字的js中match函数方法的用法。
var r, re = "Spain";
r = "The rain in Spain".replace(re, "Canada"); 

match()方法用于从字符串中查找指定的值,本方法类似于indexOf()和lastindexOf(),不同的是它返回的是指定的值,而不是指定值在字符串中的位置。indexOf()和lastindexOf()方法返回位置数字 如果找不到返回-1。注意区分大小写
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "")
document.write(str.match("World") + "")
document.write(str.match("worlld") + "")
document.write(str.match("world!"))
</script>

Javascript 相关文章推荐
jquery 防止表单重复提交代码
Jan 21 Javascript
谈谈关于JavaScript 中的 MVC 模式
Apr 11 Javascript
win7下安装配置node.js+express开发环境
Dec 06 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
js实现简单进度条效果
Mar 25 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 Javascript
纯JS实现动态时间显示代码
Feb 08 #Javascript
js数字转换为float,取N位小数
Feb 08 #Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 #Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 #Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 #Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 #Javascript
jquery ajax 局部刷新小案例
Feb 08 #Javascript
You might like
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结
2014/08/23 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
javascript针对DOM的应用实例(一)
2012/04/15 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
使用Node.js实现HTTP 206内容分片的教程
2015/06/23 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
bootstrap 表单验证使用方法
2017/01/11 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Python实现数据库编程方法详解
2015/06/09 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
python绘制封闭多边形教程
2020/02/18 Python
python缩进长度是否统一
2020/08/02 Python
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
c语言常见笔试题总结
2016/09/05 面试题
制药工程专业职业生涯规划范文
2014/03/10 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
活动宣传稿范文
2015/07/23 职场文书
小学二年级班主任工作经验交流材料
2015/11/02 职场文书