正则是用来文本匹配的,使用正则来替换指定的文本是最常用的场景来。
今天我遇到一个这样的场景,给一段文案的
示例代码如下:
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 `${match}`
});
}
if(index !== 0){
str_html += `${newItem}
`;
}else{
str_html += `${newItem}
`;
}
});
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)
构造函数属性
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
字符 | 描述 | |
---|---|---|
\ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。 | |
-- | -- | |
^ | 开始位置 | |
-- | -- | |
$ | 结束位置 | |
-- | -- | |
* | 表示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中则使用9属性。要匹配圆括号字符,请使用“(”或“)”。 | |
-- | -- | |
(?: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”。 | |
-- | -- | |
(? | 反向否定预查,与正向否定预查类拟,只是方向相反。例如“(? | |
-- | -- |