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 缓存问题的几个解决方法
Nov 11 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
javascript事件模型介绍
May 31 Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
vue实现双向绑定和依赖收集遇到的坑
Nov 29 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 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
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
jQuery的live()方法对hover事件的处理示例
2014/02/27 Javascript
使用javascript实现Iframe自适应高度
2014/12/24 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
jQuery实现带滑动条的菜单效果代码
2015/08/26 Javascript
浅析JS运动
2015/12/28 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
JavaScript fetch接口案例解析
2018/08/30 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
[00:16]热血竞技场
2019/03/06 DOTA
Python with用法:自动关闭文件进程
2019/07/10 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
工作决心书范文
2014/03/11 职场文书
小学生手册家长评语
2014/04/16 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
处级干部考察材料
2014/12/24 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
爱国影片观后感
2015/06/18 职场文书
导游词之四川熊猫基地
2020/01/13 职场文书