前端正則表達式書寫及常用的方法

 更新時間:2019年09月17日 11:00:19   作者:小小咸魚YwY   我要評論
這篇文章主要介紹了前端正則表達式書寫及常用的方法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下

正則表達式(regular expression)描述了一種字符串匹配的模式(pattern),可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個條件的子串等。

前端正則表達式書寫

一.寫法

寫法一

/正則表達式/修飾符

修飾符

  • /i (忽略大小寫)
  • /g (全文查找出現的所有匹配字符)
  • /m (多行查找)
  • /gi(全文查找、忽略大小寫)
  • /ig(全文查找、忽略大小寫)

例子:/a/gi 查找內容中的a

不寫修飾符默認只匹配一個

寫法二

let a = new RegExp('/正則表達式/','修飾符')

二.常用幾個方法

1.match

方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。

返回的內容

["匹配到的內容", index: 3, input: "字符串對象", groups: undefined]

如果regexp修飾符為/g則返回對象為一個數組

語法:

1.stringObject.match(str)

2.stringObject.match(regexp)

拿查找字符串abc 中的a舉例

'aabc' .match('a') 只匹配第一個
'aabc' .match(/a/) 只匹配第一個

2.replace

用于字符串中一些字符替換另一些字符,或替換一個與正則表達式相匹配的子串

語法:

1.stringObject.replace('查找的第一個字符串','修改后的字符串')

2.stringObject.replace(regexp(正則表達式匹配到的內容所有替換),'修改后的字符串')

3.search

他用法與match類似不過他返回的是索引

語法:

1.stringObject.match('searchvalue')

2.stringObject.match(regexp)

4.test

方法用于檢測一個字符串是否匹配某個模式,如果字符串中含有匹配的文本,則返回 true,否則返回 false。

語法:

regexp.test(stringObject)

/a/.test('a') #返回true
/a/.test('ac') #返回true
/a/.test('c') #返回false

5.exec

方法就是用來檢索字符串中正則表達式的匹配,如果匹配到了那么就返回一個存放有結果的數組,如果沒有匹配到就返回一個null

regexp.exec(stringObject)

其實和match類似,不過就是填寫的位置返一下

但是有一點

console.log('c'.exec('c')); #會報錯
console.log('c'.match('c')); #會匹配c

總結

以上所述是小編給大家介紹的前端正則表達式書寫及常用的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

相關文章

  • 看到一個JS正則的題

    看到一個JS正則的題

    看到一個JS正則的題...
    2007-01-01
  • 正則表達式詳述 四

    正則表達式詳述 四

    正則表達式詳述 四...
    2007-04-04
  • ASP正則函數替換分頁后的參數

    ASP正則函數替換分頁后的參數

    在分頁系統里面用到的把page后面得東西都給丟掉
    2008-07-07
  • PHP 正則表達式效率 貪婪、非貪婪與回溯分析(推薦)

    PHP 正則表達式效率 貪婪、非貪婪與回溯分析(推薦)

    先掃盲一下什么是正則表達式的貪婪,什么是非貪婪?或者說什么是匹配優先量詞,什么是忽略優先量詞,好吧,下面通過實例給大家介紹下PHP 正則表達式效率 貪婪、非貪婪與回溯分析,一起看看吧
    2016-12-12
  • javascript RegExp對象(正則表達式)

    javascript RegExp對象(正則表達式)

    JavaScript提供了一個RegExp對象來完成有關正則表達式的操作和功能,每一條正則表達式模式對應一個RegExp實例。有兩種方式可以創建RegExp對象的實例。
    2009-05-05
  • 深入理解正則表達式語法知識

    深入理解正則表達式語法知識

    這篇文章主要介紹了正則表達式語法知識的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-08-08
  • 正則表達式惰性匹配模式(?)

    正則表達式惰性匹配模式(?)

    在貪婪匹配模式一章節已經說過人性是貪婪的,希望獲得更多的金錢、地位甚至美女,但是也有很多清心寡欲的人,只要滿足基本的生活需求就可以了,在正則表達式中也有這樣的匹配原則,下面就進行一下介紹
    2016-12-12
  • 超全的js正則表達式整理筆記

    超全的js正則表達式整理筆記

    這篇文章為大家分享了一篇超全的javascript正則表達式整理筆記,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 學習正則!超基礎簡單例子

    學習正則!超基礎簡單例子

    我一直都覺得正則表達式只要在要用的時候翻一下百度就Ok了,然后今天寫php的時候發現,原來我正則完全一點都不懂
    2012-09-09
  • 實例代碼詳解正則表達式匹配換行

    實例代碼詳解正則表達式匹配換行

    在javascript中,使用正則表達式匹配換行可能會遇到各種問題,下面就通過實例介紹一下如何實現此功能,對正則表達式匹配換行相關知識感興趣的朋友一起學習吧
    2015-12-12

最新評論

码报108