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 相关文章推荐
js 遍历json返回的map内容示例代码
Oct 29 Javascript
js监听鼠标事件控制textarea输入字符串的个数
Sep 29 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
js 计数排序的实现示例(升级版)
Jan 12 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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中利用XML技术构造远程服务(上)
2006/10/09 PHP
php中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
PHP ? EasyUI DataGrid 资料取的方式介绍
2012/11/07 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
Python与R语言的简要对比
2017/11/14 Python
python中的json总结
2018/10/11 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
python实现学生成绩测评系统
2020/06/22 Python
Python 合并拼接字符串的方法
2020/07/28 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
python实现马丁策略的实例详解
2021/01/15 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
品恩科技软件测试面试题
2014/10/26 面试题
有针对性的求职自荐信
2013/11/14 职场文书
大学生优秀团员事迹材料
2014/01/30 职场文书
简易版租房协议书范本
2014/10/13 职场文书
学校开除通知书
2015/04/25 职场文书