JS中的正則表達式

来源:http://www.cnblogs.com/xiaoloulan/archive/2017/11/21/7874440.html
-Advertisement-
Play Games

如果對於正則基礎沒有太多瞭解的同學可以先看這篇文章: "初探正則表達式" 。 正則表達式是一個描述字元模式的對象, 的 類表示正則表達式, 和 都定義了方法,後者使用正則表達式進行強大的模式匹配和文本檢索於替換功能。 的正則表達式語法是 的正則表達式語法的子集。 JS中正則表達式的定義 JavaSc ...


如果對於正則基礎沒有太多瞭解的同學可以先看這篇文章:初探正則表達式

正則表達式是一個描述字元模式的對象,JavaScriptRegExp 類表示正則表達式,StringRegExp 都定義了方法,後者使用正則表達式進行強大的模式匹配和文本檢索於替換功能。JavaScript 的正則表達式語法是 Perl5 的正則表達式語法的子集。

JS中正則表達式的定義

JavaScript 中的正則表達式用RegWxp對象表示,可以使用RegExp()構造函數來創建RegExp對象,不過RegExp對象更多的是通過一種特殊的直接量語法來創建。就像通過引號包裹字元的方式來定義字元串直接量一樣,正則表達式直接量定義為包含在一對斜杠(/)之間的字元,比如:

var someReg  = /s$/ 
var someReg2 = new RegExp("s$")

其實,這兩個表達式是等價的,都匹配以字母s結尾的字元串,只不過第一個以直接量定義,第二個以正則表達式定義。

js中正則表達式的修飾符

修飾符 說明
i 執行不區分大小寫的匹配
g 執行一個全局匹配,即找到所有匹配而不是找到一個就停止
m 多行匹配模式 ^ 匹配一行的開頭和字元串的開頭 $ 匹配行的結束和字元串的結束

用於匹配模式的String方法

String 支持4種使用正則表達式的方法。

  1. search(): "JavaScript".search(/script/i);

search() 的參數是一個正則表達式,返回第一個與之匹配的字串的起始位置,如果到不到匹配的字串,它將返回 -1,如果它的參數不是正則表達式,則首先會通過RegExp構造函數將他轉化成正則表達式,它不支持全局搜索,因為它忽略正則表達式中的修飾符 g。上面的表達式將返回 4

  1. replace(): text.replace(/javascript/gi, "JavaScript");

replace() 用來執行檢索和替換操作。其中第一個參數是一個正則表達式,第二個參數是要進行替換操作的字元串。這個方法會對調用它的字元串進行檢索,使用指定的模式來匹配。如果 replace() 的第一個參數是一個字元串,那麼它將直接搜索這個字元串,而不是和 search() 一樣先通過 RegExp()將它轉換成正則表達式。上面的表達式將文本中所有的 javascript (不區分大小寫)統一替換為 JavaScript

  1. march(): "1 and 2 and 3".match(/\d+g);

match() 方法是最常用的String正則表達式方法。它唯一的參數就是一個正則表達式,返回的是一個匹配結果組成的數組。如果該表達式設置了修飾符 g,則該方法反悔的數組中包括了字元串中所有匹配結果。如果這個這個正則表達式沒有設置修飾符 g,它只檢索第一個匹配。但是即使它不是全局匹配,它也返回一個數組,在這種情況下,數組的第一個元素就是匹配的字元串,剩下的元素則是正則表達式中用圓括弧擴起來的子表達式。上面代碼返回 ["1","2","3"]

  1. split(): "123,456,789".split(",");

這個方法將調用他的字元串拆分成一個字串組成的數組,使用的分隔符是 split() 的參數,它的參數也可以是一個正則表達式。上面的代碼返回 ["123","456","789"]

RegExp對象

除了 RegExp() 構造函數以外,RegExp 對象還支持三個方法和一些屬性。

RegExp()構造函數可以有兩個字元串參數,第一個參數包含正則表達式的主體部分。需要註意的是不管是字元串直接量還是正則表達式,都是用 \ 作為轉義字元的首碼,因此當給構造函數傳入一個字元串表述的正則表達式時,必須要將 \ 替換成 \\。如果提供第二個參數,它就制定正則表達式的修飾符。

var thisReg = new RegExp("\\d{5}","g");

RegExp的屬性

  1. source: 只讀的字元串,包含正則表達式的文本。
  2. global: 只讀的布爾值,說明這個正則表達式是否帶有修飾符 g
  3. ignoreCase: 只讀的布爾值,說明這個正則表達式是否帶有修飾符 i
  4. multiline: 只讀的布爾值,說明這個正則表達式是否帶有修飾符 m
  5. lastIndex: 可讀寫的整數,如果這個正則表達式帶有修飾符 g ,這個屬性儲存在整個字元串中下次檢索的開始位置,這個屬性會被 exec()test() 方法用到。

RegExp的方法

RegExp對象定義了兩個用於執行模式匹配操作的方法。

  1. exec()

它與我們之前介紹的 match() 相似,只是它的參數是一個字元串,而 match() 的參數是一個RegExp對象。

exec() 對一個指定的字元串執行匹配檢索。如果它沒有找點任何匹配,它就返回 null,但是如果他找到一個匹配,它將返回一個數組,這個數組第一個元素包含的是與正則表達式相匹配的字元串,餘下的就是正則表達式括弧內的子表達式。

match() 不同,不管正則表達式是否具有全局修飾符 gexec() 都會返回一樣的數組。當調用 exec() 的正則表達式對象具有修飾符 g 的時候,它把當前正則表達式的 lastindex 屬性設置為緊挨著匹配字串的字元位置。當同一個字元串第二次調用 exec() 的時候,他將會從 lastIndex 所指示的字元位置開始檢索。如果沒有任何匹配結果,他將會把 lastIndex 設置為 0(我們也可以在任何時候進行設置)。

  1. test()

調用 test() 和調用 exec() 等價,當 exec() 的返回結果不是 null 的時候,test() 返回 true。由於這種等價性,當一個全局表達式調用 test() 時,它的行為和 exec() 一樣。

ES6中正則的擴展

RegExp構造函數

在ES5中,RegExp() 只能接受字元串作為參數,ES6允許其直接接受正則表達式作為參數。

let regex = new RegExp(/xyz/i)

字元串的正則方法

ES6中將字元串對象的4個正則方法在語言內部全部調用 RegExp 的實例方法,使得所有與正則有關的方法全部都定義在了 RegExp 對象上。

String.prototype.match 調用 RegExp.prototype[Symbol.match]

u修飾符

ES6對正則表達式增加了 u 修飾符,含義為“Unicode模式”,用來正確處理大於 \uFFFF 的Unicode字元。

y修飾符

ES6還為正則表達式添加了 y 修飾符。他的作用和 g 修飾符類似,也是全局匹配,後一次匹配都從上一次匹配成功的下一位置開始。不同之處在於,g 修飾符只要剩餘位置中存在匹配就行,而 y 修飾符會確保匹配從剩餘的第一個位置開始。g 修飾符會忽略非法字元, y 不會。

let s  = "aaa_aa_a";
let r1 = /a+/g;
let r2 = /a+/y;

r1.exec(s)  // ["aaa"]
r2.exec(s)  // ["aaa"]

r1.exec(s)  // ["aa"]
r2.exec(s)  // null

sticky屬性

y 修飾符對應,ES6的正則對象對了 sticky 屬性,用來表示是否設置了 y 修飾符。

flags屬性

ES6為正則表達式新增了 flags 屬性,返回正則表達式的修飾符。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • cookie :客戶端瀏覽器上的一個文件,用鍵值對的方式存儲在文件中。在伺服器端和客戶端都可以對其進行設置和獲取。利用這一特性,可以對用戶進行登錄認證,設置分頁.... 伺服器端: 在views.py中: 設置 rep = HttpResponse(...) 或 rep = render(reque ...
  • 1.如果都為NaN但是他們不相等var a=NaN;var b=NaN;a==b //flase2.javascript 是一種腳本語言,可以創建伺服器端和客戶端的腳本3.javascript 中有兩個特殊數據類型 null undefined4.判斷一個是不是屬於那個類型 instanceofin ...
  • str='我是一串字元串' charAt() //獲取一整串字元串其中的某一個子字元串 取值範圍:0~字元串長度-1 alert ( str.charAt() ) //我 括弧裡面什麼都不寫時預設是第0個 alert ( str.charAt(4) ) //符 alert ( str.sharAt( ...
  • 之前我寫過一篇文章叫做《jq不會被淘汰》……而事實上它真的不會被淘汰,因為即使在mvvm框架盛行的今天,原生js的api越來越友好的今天,jq依然在用戶量上是霸主…… 但是今天我們要討論的是,拋棄jq,擁抱原生js…… 再說正題之前,我們先來看看jq比js,解決了哪些問題,哪裡更優秀 1.首當其衝是 ...
  • slice 從已有的數組中返回選定的元素。該方法不會修改數組,而是返回一個子數組。 語法:arr.slice(start,end) start: 必須,規定從何處開始選取。如果是負數,就是從尾部開始算起的位置(-1指最後一個元素,-2指倒數第二個元素); end: 可選,規定從何處結束選取。如果沒有 ...
  • 今天有了一個新需求,就是下拉框採用多選,因為以前都是用Extjs的多選框組件,領導說不好看,所以我就用了bootstrap框架實現,我現在把代碼共用一下,大家有需要的直接在hBuilder中打開,可以直接運行.下麵說一下我整合進項目中遇到的問題:1.寬高,邊距等等調整;如果想改下拉框的寬度直接修改b ...
  • 超文本標記語言,標準通用標記語言下的一個應用。“超文本”就是指頁面內可以包含圖片、鏈接,甚至音樂、程式等非文字元素。 ...
  • 簡單地記下jquery實現回車事件 全局: $(function(){document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...