记录一些项目中用到的正则工具，将持续更新...

如果对JS中的正则不太了解，可以参考一下JS 中正则表达式必知必会

1. 字符串操作

去除字符串两边的空格 trim

String.prototype.trim = function() {return this.replace(/(^\s+)\|(\s+$)/g, '')
}

HTML编码对< > ' " &等字符转义，避免XSS攻击

function htmlEncode(str) {return str.replace(/[\<\>\"\'\&]/g, function(rs) {switch (rs) {case '<':return '&lt;'case '>':return '&gt;'case '&':return '&amp;'case ''':return '&apos;'case '"':return '&quot;'}})
}

找出重复最多的字符

let str = 'asss23sjdssskssa7lsssdkjsssdss'
const arr = str.split(/\s*/)                          // 把字符串转换为数组
const str2 = arr.sort().join('')                         // 首先进行排序，这样结果会把相同的字符放在一起，然后再转换为字符串
let value = ''
let index = 0
str2.replace(/(\w)\1*/g, function($0, $1) {                 // 匹配字符if (index < $0.length) {index = $0.length                          // index是出现次数value = $1                                 // value是对应字符}
})
console.log(`最多的字符: ${value} ,重复的次数: ${index}`)                 // s 17

数字格式化，1234567890 -> 1,234,567,890

下面简单分析下正则/\B(?=(\d{3})+(?!\d))/g：

1. /\B(?=(\d{3})+(?!\d))/g：正则匹配非单词边界\B，边界后面必须跟着(\d{3})+(?!\d)
2. (\d{3})+：必须是1个或多个的3个连续数字
3. (?!\d)：第2步中的3个数字不允许后面跟着数字
4. (\d{3})+(?!\d)：所以匹配的边界后面必须跟着3*n（n>=1）的数字

最终把匹配到的所有边界换成,即可

const numFormat = str => str.replace(/\B(?=(\d{3})+(?!\d))/g, ',')

手机号中间四位换*

手机号中间4位数换成*

const validateMobile = str =>  /^[1][0-9]{10}$/.test(str) && str.replace(/(\d{3})(\d{4})(\d{4})/, (rs, $1, $2, $3) => `${$1}****${$3}`)

取URL中query到一个对象中

function getUrlParam(str) {const result = {}const valid = /(https?|ftp):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.exec(str)if (!valid) returnconst [rs, $1, $2, $3] = valid$3.match(/[a-zA-Z_]+=[^=&?]*/g).forEach(val => val.replace(/^(\w+)=(\w*)$/, ($0, $1, $2) => {result[$1] = $2}))return result
}getUrlParam('https://www.baidu.com?name=jawil&age=23&d=')         // {name: "jawil", age: "23", d: ""}

驼峰转下划线

'componentMapModelRegistry'.match(/^[a-z][a-z0-9]+|[A-Z][a-z0-9]*/g).join('_').toLowerCase();
// component_map_model_registry

下划线转驼峰

'component_map_model_registry'.replace(/_(\w)/g, (str, letter) => letter.toUpperCase())
// componentMapModelRegistry

2. 验证

用于验证时，通常需要在前后分别加上^、$、\b，以匹配整个待验证字符串

常用正则验证

function checkStr(str, type) {switch (type) {case 'phone': //手机号码return /^1\d{10}$/.test(str)case 'tel': // 座机return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str)case 'card': // 身份证return /^\d{15}|\d{18}$/.test(str)case 'pwd': // 密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线return /^[a-zA-Z]\w{5,17}$/.test(str)case 'postal': // 邮政编码return /[1-9]\d{5}(?!\d)/.test(str)case 'QQ': // QQ号 5-11位数字return /^[1-9]\d{4,10}$/.test(str)case 'email': // 邮箱return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str)case 'money': // 金额(小数点2位)return /^\d*(?:\.\d{0,2})?$/.test(str)case 'URL': // 网址return /(https?|ftp):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)case 'IP':  // IPreturn /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str)case 'day':  // 一个月的31天  01-09和1~31return /^((0?[1-9])|(([12])[0-9])|30|31)$/.test(str)case 'month': // 一年的12个月  01-09和1-12return /^(0?[1-9]|1[0-2])$/.test(str)case 'date':  // 日期时间return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)case 'integer': // 整数 正整数或负整数return /^-?\d+$/.test(str)case 'decimal': // 小数return /^(-?\d+)(\.\d+)?$/.test(str)case 'english': // 英文return /^[a-zA-Z]+$/.test(str)case 'chinese': // 中文return /^[\u4E00-\u9FA5]+$/.test(str)case 'cname':  // 中文姓名 2-4位汉字return /^[\u4E00-\u9FA5]{2,4}$/.test(str)case 'lower':  // 小写return /^[a-z]+$/.test(str)case 'upper':  // 大写return /^[A-Z]+$/.test(str)case 'HTML':  // HTML标记return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str)default:throw new Error('检验出错 in function checkStr')}
}

验证是否是合法URL

function validateURL(textval) {const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/return urlregex.test(textval)
}

网上的帖子大多深浅不一，甚至有些前后矛盾，在下的文章都是学习过程中的总结，如果发现错误，欢迎留言指出~

参考：
JavaScript正则进阶之路——活学妙用奇淫正则表达式
js正则验证方法大全
javascript 总结（RegExp篇）