正則表達式中的$1, $2, ...的含義


正則表達式中的$1, $2, ...的含義

比如我們常用的手機號碼脫敏正則

const reg = /(\d{3})\d*(\d{4})/
let phoneNum = "15612345678"
const res = phoneNum.replace(reg, '$1****$2')
console.log(res) // "156****5678"

可以看出,這里的$1對應着'156',$2對應着'5678'

再試一下

const reg = /(\d{3})(\d{2})(\d*)(\d{4})/
let phoneNum = "15612345678"
const res = phoneNum.replace(reg, '$1****$2****$3****$4')
console.log(res) // "156****12****34****5678"

可以明顯看出:

  1. $1對應的是正則中(\d{3})匹配到的結果
  2. $2對應的是正則中(\d{2})匹配到的結果
  3. $3對應的是正則中(\d*)匹配到的結果
  4. $4對應的是正則中(\d{4})匹配到的結果

w3c的說明

字符串 stringObject 的 replace() 方法執行的是查找並替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。

replacement 可以是字符串,也可以是函數。如果它是字符串,那么每個匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示,它說明從模式匹配得到的字符串將用於替換。

字符 替換文本
$1、$2、...、$99 與 regexp 中的第 1 到第 99 個子表達式相匹配的文本。
$& 與 regexp 相匹配的子串。
$` 位於匹配子串左側的文本。
$' 位於匹配子串右側的文本。
$$ 直接量符號。

參考


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM