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 相关文章推荐
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
对js中回调函数的一些看法
Aug 29 Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 Javascript
微信小程序 实现点击添加移除class
Jun 12 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
javascript中layim之查找好友查找群组
Feb 06 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
用windows下编译过的eAccelerator for PHP 5.1.6实现php加速的使用方法
2007/09/30 PHP
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
PHP读取txt文本文件并分页显示的方法
2015/03/11 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
Python中文竖排显示的方法
2015/07/28 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
EJB实例的生命周期
2016/10/28 面试题
社区创先争优承诺书
2014/08/30 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
学校开除通知书
2015/04/25 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
Python Django项目和应用的创建详解
2021/11/27 Python