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 相关文章推荐
Prototype源码浅析 String部分(二)
Jan 16 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
微信小程序获取用户openId的实现方法
May 23 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
Node.js pipe实现源码解析
Aug 12 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
vue里input根据value改变背景色的实例
Sep 29 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
vue给对象动态添加属性和值的实例
Sep 09 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下实现伪 url 的超简单方法[转]
2007/09/24 PHP
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
CMS中PHP判断系统是否已经安装的方法示例
2014/07/26 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
Thinkphp 5.0实现微信企业付款到零钱
2018/09/30 PHP
javascript 写类方式之六
2009/07/05 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
js命名空间写法示例
2015/12/18 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
Python程序员开发中常犯的10个错误
2014/07/07 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
纪检监察建议书
2014/05/19 职场文书
公司任命书模板
2014/06/06 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
单位租房协议范本
2014/12/03 职场文书
党员自评材料范文
2014/12/17 职场文书
校本培训个人总结
2015/02/28 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
青年教师听课心得体会
2016/01/15 职场文书