blog
blog copied to clipboard
Published
20 hours ago •
findxc
findxc
学习正则表达式
创建一个正则表达式
- 字面量：
const reg = /abc/i - RegExp：
const reg = new RegExp('abc', 'i')
与正则有关的几个方法
- 判断一个字符串是否满足正则：
/abc/i.test('Abc') - 找到字符串中匹配正则的所有地方：
'AbcdaBc'.match(/abc/ig) - 替换字符串中匹配到的地方：
'AbcdaBc'.replace(/abc/ig, '***') - 用正则去分割字符串：
'AbcdaBc'.split(/abc/i)
工作中常用的几个正则
校验 URL 是否以 http:// 或者 https:// 开头
/^https?:\/\//
校验密码只包含数字和字母，且必须两者都包含，长度为 6 到 12 位
/^(?=.*[0-9])(?=.*[a-z])[0-9a-z]{6,12}$/i
把敏感词替换为 * 号
someString.replace(/(某主席|某主任|某某某)/g, m => '*'.repeat(m.length))
校验输入只能为数字，并且最多带两位小数
/^[0-9]+(\.[0-9]{0,2})?$/
其它正则的应用场景
驼峰、连字符相互转换
VS Code 有个插件 change-case 可以实现字符的多种转换。我们拿其中一种举例，期望实现比如cardTitleExtra和card-title-extra的互相转换。
解法如下：
// cardTitleExtra --> card-title-extra
someString.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`)
// card-title-extra --> cardTitleExtra
someString.replace(/-(.)/g, (m, p) => p.toUpperCase())
markdown 语法解析
如何把 markdown 格式的字符串转换为对应的 html 字符串？
解法可以参考一些开源库的实现，比如Marked。
写在最后
- 安利一个正则练习网站，很适合打发时间：https://alf.nu/RegexGolf
- 正则其实有可能存在性能问题，可以了解一下 ReDos，一个正则举例。
