快捷導(dǎo)航

JavaScript正則函數(shù)中test和match的區(qū)別解析

更新時(shí)間：2022年11月22日 10:39:20 作者：eiei新時(shí)代好少年

在javascript中，用于檢測一個(gè)字符串是否匹配某個(gè)模式用的比較多的就是test和match方法。，這篇文章主要介紹了js正則函數(shù)中test和match的區(qū)別,需要的朋友可以參考下

1.match（）方法

match是String的方法，參數(shù)是正則表達(dá)式，返回值是數(shù)組，沒有找到時(shí)返回的是null。

stringObj.match(rgExp) 其中stringObj是必選項(xiàng)，對其進(jìn)行查找的string對象或字符串文字。rgExp是必選項(xiàng)，為包含正則表達(dá)式模式和可用標(biāo)志的正則表達(dá)式對象。

2.test（）方法

test是RegExp的方法，參數(shù)是字符串，返回值是boolean類型

返回值：如果字符串 string 中含有與 RegExpObject 匹配的文本，則返回 true，否則返回 false。

舉個(gè)例子：

給定字符串 str，檢查其是否符合如下格式
1、XXX-XXX-XXXX
2、其中 X 為 Number 類型

輸入：'800-555-1212'

輸出：true

這兩個(gè)方法都可以使用：

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、這里應(yīng)該用test
                  //   rgExp.test(str)，返回值是boolean類型
            return /^\d{3}-\d{3}-\d{4}$/.test(str)
}
console.log(matchesPattern('800-555-1212'));//true

這里一定要注意，str要帶引號??！因?yàn)闄z測的是字符串。

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、這里應(yīng)該用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區(qū)別還是很大的，一個(gè)返回?cái)?shù)組，一個(gè)返回布爾值，且作用的對象也是不一樣的，希望大家能有所收獲hhh?

到此這篇關(guān)于js正則函數(shù)中test和match的區(qū)別的文章就介紹到這了,更多相關(guān)js test和match的區(qū)別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

BootStrap實(shí)現(xiàn)帶關(guān)閉按鈕功能
這篇文章主要介紹了BootStrap實(shí)現(xiàn)帶關(guān)閉按鈕功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
原生JS實(shí)現(xiàn)留言板功能
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
ES5和ES6中類的區(qū)別總結(jié)
這篇文章主要給大家介紹了ES5和ES6中類的區(qū)別的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
JavaScript 復(fù)制對象與Object.assign方法無法實(shí)現(xiàn)深復(fù)制
這篇文章主要介紹了JavaScript 復(fù)制對象與Object.assign方法無法實(shí)現(xiàn)深復(fù)制，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-11-11
JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
這篇文章主要介紹了JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法,較為詳細(xì)的分析了二分查找法的原理與javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-04-04
JS擴(kuò)展方法實(shí)例分析
這篇文章主要介紹了JS擴(kuò)展方法,實(shí)例分析了javascript擴(kuò)展方法的原理與各種常用的擴(kuò)展應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
js數(shù)組去重的hash方法
對于JavaScript數(shù)組去除重復(fù)項(xiàng)，現(xiàn)在有多種方法，其中一種是hash，本文主要對hash方法去除js數(shù)組重復(fù)項(xiàng)進(jìn)行介紹，下面就跟小編一起來看下吧
2016-12-12
解決JS表單驗(yàn)證只有第一個(gè)IF起作用的問題
這篇文章主要介紹了解決JS表單驗(yàn)證只有第一個(gè)IF起作用的問題，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-12-12
JS中的進(jìn)程和線程詳解
進(jìn)程和線程都是計(jì)算機(jī)中的概念，用于描述程序執(zhí)行時(shí)的運(yùn)行單位。在 JavaScript 中，進(jìn)程和線程的概念并不是直接暴露給開發(fā)者的，而是通過瀏覽器或 Node.js 等執(zhí)行環(huán)境來實(shí)現(xiàn)的，文中介紹的非常詳細(xì)，感興趣的同學(xué)可以閱讀一下
2023-04-04
使用cypress編寫第一個(gè)測試用例
這篇文章主要為大家介紹了使用cypress編寫第一個(gè)測試用例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06