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.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
express.js中间件说明详解
Mar 19 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
微信小程序实现购物车功能
Nov 18 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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教程之phpize使用方法
2014/02/12 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
2018/03/12 PHP
js在IE与firefox的差异集锦
2014/11/11 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
[01:10:48]完美世界DOTA2联赛PWL S2 GXR vs PXG 第一场 11.18
2020/11/18 DOTA
Python Queue模块详细介绍及实例
2016/12/27 Python
基于python操作ES实例详解
2019/11/16 Python
如何基于线程池提升request模块效率
2020/04/18 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
资产评估专业大学生求职信
2013/09/29 职场文书
2013年大学生的自我鉴定
2013/10/24 职场文书
自荐信写法介绍
2014/01/25 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
工人先进事迹材料
2014/12/26 职场文书
学术研讨会欢迎词
2015/01/26 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
校长新学期寄语2016
2015/12/04 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis