JavaScript正则函数中test和match的区别解析

更新时间：2022年11月22日 10:39:20 作者：eiei新时代好少年

在javascript中，用于检测一个字符串是否匹配某个模式用的比较多的就是test和match方法。，这篇文章主要介绍了js正则函数中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的区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

js canvas实现擦除效果示例代码
擦除效果在我们日常开发中也是时有见到的，通过擦除效果大大加强了与用户的交互性，所以下面这篇文章主要给大家介绍了利用js和canvas实现擦除效果的相关资料，文中给出了详细的介绍和示例代码，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-04-04
canvas实现图片根据滑块放大缩小效果
本文主要介绍了canvas实现图片根据滑块放大缩小效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
微信小程序实现自定义导航栏
这篇文章主要为大家详细介绍了微信小程序实现自定义导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
uniapp表单验证方法详解
From表单组件具有数据收集、提交数据的功能,某种程度上说它就是一个容器,下面这篇文章主要给大家介绍了关于uniapp表单验证的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-10-10
详解前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快,有兴趣的可以了解一下。
2017-01-01
JavaScript Array.flat()函数用法解析
这篇文章主要介绍了JavaScript Array.flat()函数用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-09-09
firefox TBODY 用js显示和隐藏时出现错位的解决方法
今天帮别人写一个网页，发现：当用javascript动态设置tr.style.display = "block"显示某行时，使用IE浏览没有问题，但使用firefox浏览时该行被移到了其它行的后面，很是诧异。
2008-12-12
19个很有用的 JavaScript库推荐
流行的 JavaScript 库有jQuery，MooTools，Prototype，Dojo和YUI等，这些 JavaScript 库功能丰富，加上它们众多的插件，几乎能实现任何你需要的功能
2011-06-06
基于Bootstrap表单验证功能
这篇文章主要为大家详细介绍了基于Bootstrap表单验证功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
用Javascript同时提交多个Web表单的方法
使用Javascript同时提交多个Web表单的方法
2009-12-12

JavaScript正则函数中test和match的区别解析

目录

1.match（）方法

2.test（）方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具