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 相关文章推荐
在JavaScript中通过URL传递汉字的方法
Apr 09 Javascript
js 页面输出值
Nov 30 Javascript
javascript 表单规则集合对象
Jul 21 Javascript
javascript下拉框选项单击事件的例子分享
Mar 04 Javascript
javascript实现点击提交按钮后显示loading的方法
Jul 03 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
Dec 11 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
React事件处理的机制及原理
Dec 03 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
纯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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
PHP设计聊天室步步通
2006/10/09 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
Python语言的面相对象编程方式初步学习
2016/03/12 Python
python访问抓取网页常用命令总结
2017/04/11 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来
2020/04/21 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
你的自行车健身专家:FaFit24
2016/11/16 全球购物
Ref与out有什么不同
2012/11/24 面试题
《姥姥的剪纸》教学反思
2014/02/25 职场文书
大班开学家长寄语
2014/04/04 职场文书
《小动物过冬》教学反思
2014/04/17 职场文书
授权委托书
2014/07/31 职场文书
优秀员工事迹材料
2014/12/20 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python