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的区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • BootStrap实现带关闭按钮功能

    BootStrap实现带关闭按钮功能

    这篇文章主要介绍了BootStrap实现带关闭按钮功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 原生JS实现留言板功能

    原生JS实现留言板功能

    这篇文章主要为大家详细介绍了原生JS实现留言板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • ES5和ES6中类的区别总结

    ES5和ES6中类的区别总结

    这篇文章主要给大家介绍了ES5和ES6中类的区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JavaScript 复制对象与Object.assign方法无法实现深复制

    JavaScript 复制对象与Object.assign方法无法实现深复制

    这篇文章主要介绍了JavaScript 复制对象与Object.assign方法无法实现深复制,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • JavaScript使用二分查找算法在数组中查找数据的方法

    JavaScript使用二分查找算法在数组中查找数据的方法

    这篇文章主要介绍了JavaScript使用二分查找算法在数组中查找数据的方法,较为详细的分析了二分查找法的原理与javascript实现技巧,需要的朋友可以参考下
    2015-04-04
  • JS扩展方法实例分析

    JS扩展方法实例分析

    这篇文章主要介绍了JS扩展方法,实例分析了javascript扩展方法的原理与各种常用的扩展应用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • js数组去重的hash方法

    js数组去重的hash方法

    对于JavaScript数组去除重复项,现在有多种方法,其中一种是hash,本文主要对hash方法去除js数组重复项进行介绍,下面就跟小编一起来看下吧
    2016-12-12
  • 解决JS表单验证只有第一个IF起作用的问题

    解决JS表单验证只有第一个IF起作用的问题

    这篇文章主要介绍了解决JS表单验证只有第一个IF起作用的问题,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-12-12
  • JS中的进程和线程详解

    JS中的进程和线程详解

    进程和线程都是计算机中的概念,用于描述程序执行时的运行单位。在 JavaScript 中,进程和线程的概念并不是直接暴露给开发者的,而是通过浏览器或 Node.js 等执行环境来实现的,文中介绍的非常详细,感兴趣的同学可以阅读一下
    2023-04-04
  • 使用cypress编写第一个测试用例

    使用cypress编写第一个测试用例

    这篇文章主要为大家介绍了使用cypress编写第一个测试用例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06

最新评论