JavaScript正则函数中test和match的区别解析
更新时间：2022年11月22日 10:39:20 作者：eiei新时代好少年
在javascript中，用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。，这篇文章主要介绍了js正则函数中test和match的区别,需要的朋友可以参考下
在javascript中，用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。
1.match（）方法
match是String的方法，参数是正则表达式，返回值是数组，没有找到时返回的是null。
stringObj.match(rgExp) 其中stringObj是必选项，对其进行查找的string对象或字符串文字。rgExp是必选项，为包含正则表达式模式和可用标志的正则表达式对象。
2.test（）方法
test是RegExp的方法，参数是字符串，返回值是boolean类型
返回值：如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。
举个例子：
给定字符串 str，检查其是否符合如下格式
1、XXX-XXX-XXXX
2、其中 X 为 Number 类型输入：'800-555-1212'
输出：true
这两个方法都可以使用：
function matchesPattern(str) {
// 方法1、需要返回匹配值的用match或exec
// match是字符串里的方法 str.match(rgExp)
let flag = str.match(/^\d{3}-\d{3}-\d{4}$/)
// 判断flag是否存在，存在返回true，不存在值为null则返回false
return flag ? true : false
// 方法2、这里应该用test
// rgExp.test(str)，返回值是boolean类型
return /^\d{3}-\d{3}-\d{4}$/.test(str)
}
console.log(matchesPattern('800-555-1212'));//true这里一定要注意，str要带引号！！因为检测的是字符串。
function matchesPattern(str) {
// 1、需要返回匹配值的用match或exec
let flag = str.match(/^\d{3}-\d{3}-\d{4}$/)
console.log(flag);
return flag ? true : false
}
function matchesPattern(str) {
// 2、这里应该用test
let res = /^\d{3}-\d{3}-\d{4}$/.test(str)
console.log(res);
return /^\d{3}-\d{3}-\d{4}$/.test(str)
}
这样我们很直观的了解到，match和test区别还是很大的，一个返回数组，一个返回布尔值，且作用的对象也是不一样的，希望大家能有所收获hhh☺
到此这篇关于js正则函数中test和match的区别的文章就介绍到这了,更多相关js test和match的区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
一般的网页都有这种功能：在页面上动态显示当前时间，这个的实现也很简单，基本上一行代码就实现了2009-06-06
下面小编就为大家带来一篇js通过指定下标或指定元素进行删除数组的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
这篇文章主要介绍了通过IntersectionObserver实现懒加载，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
ff和ie6下都是同样的运行结果,看来不是bug,那究竟是为什么呢？ 注意到：对象方法访问其对象的属性时|必须|加以this.(和java不一样).2008-11-11
这篇文章主要介绍了uniapp自定义验证码输入框隐藏光标,效果是点击输入框唤起键盘，蓝框就相当于input的光标，验证码输入错误或者不符合格式要求会将字体以及边框改成红色提示持续1s然后清空数据，恢复原边框样式，需要的朋友可以参考下2023-02-02
微信小程序诞生之初,功能受限于小程序的理念,微信小程序要体现轻量级的应用特点,但在随后不断更新中,API接口很好的为小程序赋能,使其可以在不影响本质的情况下实现完善功能,这篇文章主要给大家介绍了关于微信小程序中正确使用地图的相关资料,需要的朋友可以参考下2021-09-09
这篇文章主要为大家详细介绍了微信小程序实现简单的select下拉框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
Bootstrap Metronic完全响应式管理模板学习笔记
这篇文章主要为大家分享了Bootstrap Metronic完全响应式管理模板学习笔记，感兴趣的小伙伴们可以参考一下2016-07-07
微信小程序loading组件显示载入动画用法示例【附源码下载】
这篇文章主要介绍了微信小程序loading组件显示载入动画用法,结合实例形式分析了loading组件显示载入动画的相关事件操作与属性设置技巧,并附带源码供读者下载参考,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了Bootstrap实现input控件失去焦点时验证的相关资料,非常不错，需要的朋友可以参考下，需要的朋友可以参考下2016-08-08
最新评论