匹配替換指定文本為html標簽

最近看了一道前端面試題，是關於正則的，用盡可能低復雜度的函數，匹配替換指定文本為html標簽，題目是這樣的：

特定語法匹配替換
說明：匹配字符串中形如 =g文字文字= 的語法，並將相應部分轉化為對應的標簽文字文字
示例：
transform('=g1.18 進入開發=');  // <g>1.18 進入開發</g>
transform('=g1.23 聯調(-1)=，=g1.25 發布(+1)=')；//  <g>1.23 聯調(-1)</g>，<g>1.25 發布(+1)</g>
transform('1.25 發布')； // 1.25 發布

 

按照正常情況，我們能瞬間想到以下幾種解法：

• 正則分步替換
• indexOf查找替換

以上二者均是分步處理，先匹配=g，替換成<g>，然后匹配=，替換成</g>，這種屬於暴力破解。

 

下面介紹下replace函數，重點是以前忽略掉的一個參數 replacement，

stringObject.replace(regexp/substr,replacement)

 

基礎的用法是這樣的：

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

　　

或者是這樣的：

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

　　

我們這里使用函數式的用法，答案如下：

　　str.replace(/=g|=/g, (a) => {
    　　return {
    　　　　'=': '</g>',
    　　　　'=g': '<g>',
    　　}[a]
    })