Vue学习笔记之使用正则表达式提示Single character alternation in regex

0x00 概述

在WebStrom中使用正则表达式，工具提示Single character alternation in regex

0x01 问题

Vue页面需要处理多选产生的列表，

代码语言：javascript复制

["a", "b", "c", "d"]

转换成如下格式的字符串，入库

代码语言：javascript复制

a,b,c,d

需要去掉 [ ,  ]  ,  "  这3个符号，按照如下方式写正则，会提示Single character alternation in regex

 改为如下方式的正则表达式，则不会提示

代码语言：javascript复制

const text1 = JSON.stringify(this.textList).replace(/[|]|"/g, '')


const text2 = JSON.stringify(this.textList).replace(/[[]"]/g, '')

0x02 解决

根据正则表达式的要求，使用[abc]代替a|b|c，会提高正则匹配效率，提升性能；

因为 ^ - ] 这4个符号需要转义，所以以上的 ] 写的是 ] , [ 和 " 则不需要在前面添加 进行转义

0x03 参考

How to Fix "Single character alternation" Regular Expression Warning?

javascript regex 正则表达式

1 人点赞