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去掉字符串里的所有空格
Feb 08 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
JavaScript常用的弹出广告及背投广告实现方法
Feb 06 Javascript
JS中frameset框架弹出层实例代码
Apr 01 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
详解vue 数组和对象渲染问题
Sep 21 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
ES6实现图片切换特效代码
Jan 14 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 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
综合图片计数器
2006/10/09 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
php错误日志简单配置方法
2016/07/11 PHP
JQuery live函数
2010/12/24 Javascript
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
JS生成和下载二维码的代码
2016/12/07 Javascript
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
深入研究React中setState源码
2017/11/17 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
Python使用sorted排序的方法小结
2017/07/28 Python
实例讲解python中的序列化知识点
2018/10/08 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
python3 线性回归验证方法
2019/07/09 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
工程测量与监理专业应届生求职信
2013/11/27 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
python 中的@运算符使用
2021/05/26 Python
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL