匹配替换指定文本为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]
    })

  

posted @ 2019-03-21 10:48  herorest  阅读(1376)  评论(0编辑  收藏  举报