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 ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
javascript每日必学之继承
Feb 23 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
JS 数组基本用法入门示例解析
Jan 16 Javascript
JavaScript简易计算器制作
Jan 17 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设计模式中单例模式的应用分析
2013/05/15 PHP
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
JavaScript 获得选中文本内容的方法
2009/02/15 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
NodeJS与Mysql的交互示例代码
2013/08/18 NodeJs
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
Python守护进程和脚本单例运行详解
2017/01/06 Python
python模块之paramiko实例代码
2018/01/31 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
台湾旅游网站:灿星旅游
2018/10/11 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
几道PHP面试题
2013/04/14 面试题
心理健康活动总结
2014/04/30 职场文书
房产公证委托书范本
2014/09/20 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
《春酒》教学反思
2016/02/22 职场文书
Python如何使用循环结构和分支结构
2022/04/13 Python