正则表达式应用

30 阅读1分钟

本文讲述个人在工作中经历的正则表达式应用

一、使用正则替代文件内容

以我的工作中需求为例,因为修改了svg的处理工具,前端需要将svg的width和height设置统一改为 viewBox="0 0 x x"的格式 以此进行正则替换。

const viewBoxDealReg = \<svg xmlns\=\"http\:\/\/www\.w3\.org\/2000\/svg\" width\s*=\s*"([^;]+)" height\s*=\s*"([^;]+)" fill\=\"none\"\>

let str = '<svg xmlns="http://www.w3.org/2000/svg" width="19.219" height="21.594" fill="none">'

let newStr = str.replace(viewBoxDealReg, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 $1 $2" fill="none">)

image.png