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 相关文章推荐
获取body标签的两种方法
Oct 13 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
Angular实现表单验证功能
Nov 13 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
详解微信小程序获取当前时间及日期的方法
Apr 28 Javascript
详解JavaScript原型与原型链
Nov 16 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
关于PHP实现异步操作的研究
2013/02/03 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
拖动一个HTML元素
2006/12/22 Javascript
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
JS实现3D图片旋转展示效果代码
2015/09/22 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
Python对象转换为json的方法步骤
2019/04/25 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
教师业务学习制度
2014/01/25 职场文书
秘书英文求职信范文
2014/01/31 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
节能环保演讲稿
2014/08/28 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
Python List remove()实例用法详解
2021/08/02 Python
logback如何自定义日志存储
2021/08/30 Java/Android
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
mybatis 获取更新记录的id
2022/05/20 Java/Android