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 相关文章推荐
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
javascript的日期对象、数组对象、二维数组使用说明
Dec 22 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
基于jquery实现的树形菜单效果代码
Sep 06 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
js实现树形数据转成扁平数据的方法示例
Feb 27 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
星际中的相关伤害
2020/03/04 星际争霸
php计算十二星座的函数代码
2012/08/21 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
php微信开发之图片回复功能
2018/06/14 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
网页常用特效代码整理
2006/06/23 Javascript
javascript 全角转换实现代码
2009/07/17 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
2019/04/07 Javascript
小程序实现搜索框
2020/06/19 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
Tornado 多进程实现分析详解
2018/01/12 Python
Django后台admin的使用详解
2019/07/08 Python
Pycharm2020.1安装无法启动问题即设置中文插件的方法
2020/08/07 Python
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
应聘护士自荐信
2013/10/21 职场文书
数学专业毕业生自荐信
2013/11/10 职场文书
全国道德模范事迹
2014/02/01 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
Python编程编写完善的命令行工具
2021/09/15 Python
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
MySQL批量更新不同表中的数据
2022/05/11 MySQL