正則表達式中的$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對應的是正則中(\d{3})匹配到的結果
- $2對應的是正則中(\d{2})匹配到的結果
- $3對應的是正則中(\d*)匹配到的結果
- $4對應的是正則中(\d{4})匹配到的結果
w3c的說明
字符串 stringObject 的 replace() 方法執行的是查找並替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。
replacement 可以是字符串,也可以是函數。如果它是字符串,那么每個匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示,它說明從模式匹配得到的字符串將用於替換。
字符 | 替換文本 |
---|---|
$1、$2、...、$99 | 與 regexp 中的第 1 到第 99 個子表達式相匹配的文本。 |
$& | 與 regexp 相匹配的子串。 |
$` | 位於匹配子串左側的文本。 |
$' | 位於匹配子串右側的文本。 |
$$ | 直接量符號。 |