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使用之标记元素属性用法实例
Jan 19 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 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的FTP学习(一)
2006/10/09 PHP
PHP4实际应用经验篇(3)
2006/10/09 PHP
smarty简单应用实例
2015/11/03 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
JS重要知识点小结
2011/11/06 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
js实现蒙版效果
2020/01/11 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Python实现自动整理文件的脚本
2020/12/17 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
军训自我鉴定100字
2014/02/13 职场文书
学校联谊活动方案
2014/02/15 职场文书
大学生职业规划书的范本
2014/02/18 职场文书
《称象》教学反思
2014/04/25 职场文书
青春演讲稿范文
2014/05/08 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL
详解PyTorch模型保存与加载
2022/04/28 Python