正则表达式(简单易懂篇)
正则表达式基本语法一、创建JavaScript正则(RegExp)对象 1. var reg = RegExp('s');
2. var reg = /s/; // 简写方式 推荐使用 不能为空 不然会以为是注释
二、预定义符 开始前先看一些符号表达的意思才好帮助你对下面的例子可以迅速的理解 s : 空格 var reg = /(a)(b)(c)1/; //=> abca 重复了a子项
三、常用的几个方法 1. test() => 在字符串中查找符合正则指定的内容,若找到返回true,否则返回false // 用法:正则.test(字符串)
var data = '123456789987654321';
var reg = /d/; // d这里代表数字
if( reg.test(str) ){
console.log('内容为数字');
console.log(reg.test(str)) // 返回 true
}
2. match() => 在字符串中查询符合正则指定的内容,成功则返回内容(数组格式),否则返回null // 用法:字符串.match(正则)
var data = '123456mple789Mple875654';
var reg = /mple/gi;
console.log(data.match(reg)); // mple,Mple
3. search() => 在字符串中查询符合正则指定的内容,成功找到则返回当前内容的位置从0开始(如不止一个内容符合正则条件,则返回第一个找到的位置),如果没找到则返回-1 // 用法:字符串.search(正则)
var data = '1234mple56789Mple987mple654321';
var reg = /mple/gi;
console.log(data.search(reg)); // 4
4. replace() => 在字符串中查询符合正则指定的内容,查找到则替换对应内容并返回替换后的内容 // 用法:字符串.replace(正则,新的字符串/回调函数)
var data = '啦啦啦~一大堆啦啦啦';
var reg = /啦/g;
var rep = data.replace(reg,function(data){
var ne = '';
for(var i=0; i<data.length; i++){
ne += '*';
}
return ne;
});
console.log(rep);
5. exec() => 查找并返回当前的匹配结果,以数组的形式返回 //用法:正则.exec(字符串)
var data = "1234mple5678mple99876mple543Mple21";
var reg = /mple/ig;
var s = reg.exec(data)
console.log(s.index); //4
6. split() = 正则分割字符串 7. sort():数组中的排序方法,按照ACALL码进行排序 8. join():数组中的方法,把数组转换为字符串 var data = '4445554654123156489151321456';
var arr = data.split('');
data = arr.sort().join('');
console.log(data);
四、常用量词 {n,m} : 至少出现n次,最多m次 {n,} : 至少n次 * : 任意次 相当于{0,} ? :零次或一次 相当于{0,1} + : 查找的结果至少出现一次或任意次 {1,} {n} : 正好n次 最后来个例子理解理解,判断QQ号HTML <input class="qq" type="text" placeholder="请输入QQ号">
<button type="button" class="sub">检测</button>
正则 //先来看看我们日常登录的QQ号有哪些性质
1 首位肯定不是为0
2 必须是5-10位的数字
var oInput = document.querySelector('.qq');
var oSub = document.querySelector('.sub');
var reg = /^[1-9]d{4,9}$/;
//为了防止最后几位数出现字母abc之类的情况,所以需要添加$进行尾数限制
//所以最后的逻辑是这样的,首位是0-9,接着是4-9位的数字类型。
oSub.onclick = function(){
if( reg.test(oInput.value) ){
alert('检测成功');
}else{
alert('账户不存在');
}
};
有公众号啦!!!欢迎关注,不定期推荐前端技术!!!(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |