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