用正则表达式对匹配的字符进行运算替换
在一个移动端web页面开发中遇到一个问题:
由于项目应用的是rem响应式开发,所有的px单位都转换成了设计图对应的rem,但是通过后台富文本编辑器获取到的文本数据是带html标签字符串,难免会出现字体大小等带px单位的字符数据,这时就需要前端来进行rem的计算及转换。
这个问题的思路是通过正则匹配找到带px单位的数据,然后将数值进行相应计算再将px转换成rem放回原字符串中。
通过查阅正则表达式函数点这里,发现可以使用match与split函数将匹配数据计算转换后再进行字符串拼接实现最终目标。
代码如下:
这样就实现了通过正则表达式对匹配的字符进行运算替换的需求。