正则表达式的最简单使用指南
2019-03-15 本文已影响0人
清汤饺子
正则是用来文本匹配的，使用正则来替换指定的文本是最常用的场景来。
今天我遇到一个这样的场景，给一段文案的<xx分,>xx级加上不同的样式，只需要匹配这个字符串然后进行替换。
示例代码如下：
candleDetails(txt){
let str_html = '';
//循环数组
txt.map((item,index)=>{
//匹配字符串
let reg = /((＜|≤|≥)+(\d+.?))/g;
let newItem = item;
if(reg.test(item)){
//替换字符串
newItem = item.replace(reg,function(match){
//一段文字中可能有多个匹配值
return `<strong>${match}</strong>`
});
}
if(index !== 0){
str_html += `<p class="p1">${newItem}</p>`;
}else{
str_html += `<p>${newItem}</p>`;
}
});
return str_html;
}
- g：表示全局模式
- i：不区分大小写
- m：多行模式
所有的元字符都必须转义
( [ { \ ^ $ | ) ? * + . ] }
ex:var pattern2 = /\[bc\]at/;//匹配第一个“[bc]at，[]都有转义”
实例方法
1.exec()
var pattern1 = /aabb/g;
console.log(pattern1.exec('aabbddbbaavv'))// ["aabb", index: 0, input: "aabbddbbaavv"];
var p = /aabb(cc(aabb)?(dd))?/;
console.log(p.exec('aabbccaabbdd'));//["aabbccaabbdd", "ccaabbdd", "aabb", "dd", index: 0, input: "aabbccaabbdd"]
console.log(p.exec('aabb'));// ["aabb", undefined, undefined, undefined, index: 0, input: "aabb"]
-
test(String)
image
构造函数属性
9.分别存储第一到第九匹配的捕获组
var p = /(\d{3})(\d{4})(\d{3})/;
var phone = 13077023515
if(p.test(phone)){
phone = RegExp.$1 + '****' + RegExp.$3;
}
console.log(phone);//130****351
正则表达式手册：http://tool.oschina.net/uploads/apidocs/jquery/regexp.html
ex:
1:将所有匹配项替换xxx
var str = 'sdfszofgdjhxxzfdgfhzoooo';
var p = /zo*/g;
str.replace(p,"");"sdfsfgdjhxxfdgfh"将所有匹配项替换为“”。
2.校验是否是合格手机号：
/1[3|5|7]\d{9}/.test(13077023515);//true
3.电话号显示，每4个隔空格
var s = 6217025985207402896;
var len = Math.ceil(s.toString().length/4);
var p_str = '';
var tihuan = ""
for(var i=0;i<len;i++){
tihuan+="$"+(i+1)+ " "
if(i == len-1){
p_str+='(\\d{1,4})';
}else{
p_str+='(\\d{4})';
}
}
var p = new RegExp(p_str,"g");
console.log(s.toString().replace(p,tihuan))//6217 0259 8520 7402 000
4.去掉所有的空格
'6217 0259 8520 7402 000 '.replace(/\s/g,"");//"6217025985207402000"
| 字符 | 描述 | |
|---|---|---|
| \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。 | |
| -- | -- | |
| ^ | 开始位置 | |
| -- | -- | |
| $ | 结束位置 | |
| -- | -- | |
| * | 表示0-n次，如zo,可匹配z、zo、zoo....//'zzooozoazoooo'.replace(/zo/g,"");//a | |
| -- | -- | |
| + | 表示1-n次，如zo+,可匹配zo,zoo,zooo..//'zzooozoazoooo'.replace(/zo+/g,"");//"za" | |
| -- | -- | |
| ? | 表示0-1次，如zo?，可匹配z,zo//'zzooozoazoooo'.replace(/zo?/g,"");//"ooaooo" | |
| -- | -- | |
| {n} | 表示1-n次,如zo{2},可匹配zoo,//'zzooozoazoooo'.replace(/zo{2}/g,"");//"zozoaoo" | |
| -- | -- | |
| {n,} | 表示至少n次,如zo{2,},可匹配zoo,zooo..//'zzooozoazoooo'.replace(/zo{2,}/g,"");//"zzoa" | |
| -- | -- | |
| {n,m} | 表示n-m次，如zo{2-6},可匹配zoo,zooo...zooooo//'zzooozoazoooo'.replace(/zo{2,6}/g,"");//"zzoa" | |
| -- | -- | |
| ? | 当该字符紧跟在任何一个其他限制符（*,+,?，{n}，{n,}，{n,m}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“oooo”，“o+?”将匹配单个“o”，而“o+”将匹配所有“o”。//'zzooozoazoooo'.replace(/zo{2,6}?/g,"")//"zozoaoo" | |
| -- | -- | |
| . | 匹配除“\n”之外的任何单个字符。'zzooozoazoooo'.replace(/./g,"");//"" | |
| -- | -- | |
| x|y | 匹配x或y。'zzooozoazoooo'.replace(/a | z/g,"");//"oooooooo" |
| -- | -- | |
| [xyz] | 匹配里面的任何字符。'zzooozoazoooo'.replace(/[azo]/g,"");//"" | |
| -- | -- | |
| [^xyz] | 匹配未包含的任意字符。'zzooozoazoooo'.replace(/[^a]/g,"");//"a" | |
| -- | -- | |
| [a-z] | 匹配a-z的范围。//'zzooozoazoooo'.replace(/[a-o]/g,"");//"zzzz" | |
| -- | -- | |
| [^a-z] | 匹配未包含的任意字符。'zzooozoazoooo'.replace(/[^a-o]/g,"");//"ooooaoooo" | |
| -- | -- | |
| \b | 匹配一个单词边界。'abc'.replace(/[a-z]\b/g,"");//"ab" | |
| -- | -- | |
| \B | 匹配非单词边界。'abc'.replace(/[a-z]\B/g,"");//"c" | |
| -- | -- | |
| \cx | 匹配由x指明的控制字符。 | |
| -- | -- | |
| \d | 匹配一个数字字符。等价于[0-9]。//'456abc123'.replace(/\d/g,"");"abc" | |
| -- | -- | |
| \D | 匹配非数字。'456abc123'.replace(/\D/g,"");//"456123" | |
| -- | -- | |
| \f | 匹配一个换页符。等价于\x0c和\cL。 | |
| -- | -- | |
| \n | 匹配一个换行符。等价于\x0a和\cJ。 | |
| -- | -- | |
| \r | 匹配一个回车符。等价于\x0d和\cM。 | |
| -- | -- | |
| \s | 匹配任何空白字符，包括空格、制表符、换页符等等。'4 5 6ab c123'.replace(/\s/g,"");//"456abc123" | |
| -- | -- | |
| \S | 匹配任何非空白字符。 | |
| -- | -- | |
| \t | 匹配一个制表符。等价于\x09和\cI。 | |
| -- | -- | |
| \v | 匹配一个垂直制表符。等价于\x0b和\cK。 | |
| -- | -- | |
| \w | 匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”。 | |
| -- | -- | |
| \W | 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。 | |
| -- | -- | |
| (pattern) | 匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用 |
|
| -- | -- | |
| (?:pattern) | 匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“(|)”来组合一个模式的各个部分是很有用。例如“industr(?:y|ies)”就是一个比“industry|industries”更简略的表达式。 | |
| -- | -- | |
| (?=pattern) | 正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“Windows(?=95|98|NT|2000)”能匹配“Windows2000”中的“Windows”，但不能匹配“Windows3.1”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 | |
| -- | -- | |
| (?!pattern) | 正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如“Windows(?!95|98|NT|2000)”能匹配“Windows3.1”中的“Windows”，但不能匹配“Windows2000”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 | |
| -- | -- | |
| (?<=pattern) | 反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，“(?<=95|98|NT|2000)Windows”能匹配“2000Windows”中的“Windows”，但不能匹配“3.1Windows”中的“Windows”。 | |
| -- | -- | |
| (?<!pattern) | 反向否定预查，与正向否定预查类拟，只是方向相反。例如“(?<!95|98|NT|2000)Windows”能匹配“3.1Windows”中的“Windows”，但不能匹配“2000Windows”中的“Windows”。 | |
| -- | -- |
