js正则表达式之来一打实例

前面我们介绍了js的正则表达式，这篇文章我们来实战一下，用js的正则表达式来写一些开发上的实例

把数字字符按千位进行逗号分隔:

例如：

var numStr = '100000000'
var pattern = /(?=(\d{3})+$)/g
console.log(numStr.match(pattern)) // ["", "", ""]
numStr.replace(pattern, ',') // ,100,000,000

这里多了一个 , 正好在 100000000边界的位置，所以我们可以修改下正则，加一个\B 非边界:

var pattern = /(?=(\B\d{3})+$)/g
numStr.replace(pattern, ',') // 100,000,000

这样就实现了，但是！！！，问题又来了，如果是有小数点的呢 var numStr = '100000000.12345' ，别急，我们接下来实现有小数点的

var pattern = /(?<=\b(?<!\.)\d*)\B(?=(\d{3})+(?=\b))/g

只需改动这一个就可以了

检测class名是否存在:

我们知道在DOM中class的写法是这样的

<div class='box container wrapper widget'><div>

检测这个class名是否存在：

function hasClass (el, cl) {
	var pattern = new RegExp('(^|\\s)' + cl + '(\\s|$)')
	return el.className.match(pattern)
}

删除class名：

var classNames = 'box container wrapper widget'
function removeClass (el, cl) {
	var pattern = new RegExp('(^|\\s*)' + cl + '(\\s*|$)', 'g')
	el.className = el.className.replace(pattern, ' ')
}

身份证号

/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/

只限制输入汉字

/^[\u4e00-\u9fa5]+$/gi.test(e.target.value)

验证真是姓名

/^[\u4e00-\u9fa5]{2,4}$/