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

 更新時間:2020-01-15 15:59:37   作者:佚名   我要評論(0)

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

正則表達式(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

總結

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

您可能感興趣的文章:

  • 正則表達式性能優化方法(高效正則表達式書寫)
  • Python 正則表達式匹配字符串中的http鏈接方法
  • python正則表達式去除兩個特殊字符間的內容方法
  • Python實現正則表達式匹配任意的郵箱方法
  • Java使用正則表達式驗證手機號和電話號碼的方法
  • js正則表達式校驗指定字符串的方法
  • JS使用正則表達式獲取小括號、中括號及花括號內容的方法示例
  • Android 2018最新手機號驗證正則表達式方法

相關文章

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

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

    正則表達式(regular expression)描述了一種字符串匹配的模式(pattern),可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個條件的
    2020-01-15
  • 通過正則表達式使用ajax檢驗注冊信息功能

    通過正則表達式使用ajax檢驗注冊信息功能

    本期博客內容應該不算多,我們此次的目的是通過正則表達式并利用ajax可以實現動態交互的特點,檢驗注冊的用戶名以及密碼是否合法。 Entity層 該層主要包含一個用戶類
    2020-01-15
  • 淺談正則表達式中的分組和引用實現方法

    淺談正則表達式中的分組和引用實現方法

    問題 在外刊君讀者群中看到有人提出這樣的一個需求: 把字符串切成連續相同字符的正則怎么寫?比如abbcccdddd切成a,bb,ccc,dddd 之前我對正則表達式也是略有研究,想
    2020-01-15
  • python 正則表達式獲取字符串中所有的日期和時間

    python 正則表達式獲取字符串中所有的日期和時間

    提取日期前的處理 1.處理文本數據的日期格式統一化 text = "2015年8月31日,衢州元立金屬制品有限公司倉儲公司(以下簡稱元立倉儲公司)成品倉庫發生一起物體打擊
    2020-01-15
  • JSP+Servlet實現文件上傳到服務器功能

    JSP+Servlet實現文件上傳到服務器功能

    本文實例為大家分享了JSP+Servlet實現文件上傳到服務器功能的具體代碼,供大家參考,具體內容如下 項目目錄結構大致如下: 正如我在上圖紅線畫的三個東西:Dao、
    2020-01-15
  • 正則表達式(RegExp)判斷文本框中是否包含特殊符號

    正則表達式(RegExp)判斷文本框中是否包含特殊符號

    前言 有時,我們希望判斷文本框中用戶輸入的字符是否含有特殊符號(*/#[email protected]),就像用戶注冊時密碼框的填寫。 demo 利用 RegExp 對象,能很優雅的實現以上需求: // e
    2020-01-15
  • JSP實現分頁效果

    JSP實現分頁效果

    本文實例為大家分享了JSP實現分頁的具體代碼,供大家參考,具體內容如下 咱們在瀏覽網頁的時候,當一個頁面的數據不足以展示完全所有的內容,一般都涉及到分頁,下一
    2020-01-15
  • JS正則(RegExp)判斷文本框中是否包含特殊符號

    JS正則(RegExp)判斷文本框中是否包含特殊符號

    前言 有時,我們希望判斷文本框中用戶輸入的字符是否含有特殊符號(*/#[email protected]),就像用戶注冊時密碼框的填寫。 demo 利用 RegExp 對象,能很優雅的實現以上需求: // e
    2020-01-15
  • UNIX/LINUX SHELL 正則表達式語法詳解附使用方法

    UNIX/LINUX SHELL 正則表達式語法詳解附使用方法

    幾乎所有重要問題都需要從無用數據中過濾出有用數據。了解大量的 UNIX? 命令行實用工具如何使用正則表達式 來去蕪取精。 非常奇怪,直到今天我仍然能重復周六
    2020-01-15
  • jsp filter 過濾器功能與簡單用法示例

    jsp filter 過濾器功能與簡單用法示例

    本文實例講述了jsp filter 過濾器功能與簡單用法。分享給大家供大家參考,具體如下: 過濾器的作用是什么? 過濾器可以動態地攔截請求和響應,以變換或使用包含在
    2020-01-15

最新評論

买宝宝用品赚钱吗