正则表达式的web开发中的常见场合
1:邮箱验证
2:用户名验证
3:替换字符串某一部分
4:信息采集,用来分析有效的代码段
.....
正则表达式:规则表达式
"一种有规律的字符串的描述"
正则表达式是一门独立的知识,同样的一段描述,比如,对于email的匹配表达式,
在不同语言是一样的,但是,调用的函数可能不一样.
学习正则表达式
1:在js里,如果写一个正则表达式,"/正则表达式/"(不含双引号)
2:在js里,用正则表达来验证字符串是否满足,可以用reg.test(String);//验证
3: js,用正则表达式的.exec函数,用来查找匹配的选项,并把查到的值取出.//查找
4:字符串应用正则,
string.match(reg),正则查找字符串
string.search(reg),正则查找位置
string.replace(reg,'newstr');正则替换
String.split(reg);正则拆分
正则表达式3句话
1:要找什么字符?
2:从哪儿找?
3:找几个?
1.要找什么字符?
1.1字面值,"hi",就是找"hi"
1.2字符集合来表示,[abcd],指匹配abcd中的任意一个
1.3用范围来表示字符[0-9],[a-z][A-Z]
1.4字符"簇"(就是系统为常用的字符集合创建的一个简写)
例:\d---->[0-9],\w--->[0-9a-zA-Z_],\s------->[\t\v\f\r\n](空白符)
1.5补集的形式来表示字符集合.
例:[0-9]===>[^0-9],[abcef]===>[^abcef]
对于字符簇,只需把字母大写,即可表示补集
[\d]====>[\D],[\w]===>[\W],[\s]==>[\S](非空白字符)
1.6"."代表"任意字符,不包括换行符"
2:从哪儿找,找到哪儿?
2.1\b,====>'单词边界'
\bhi===>从单词的边界开始匹配,hi
2.2\B===>单词的非边界,把单词中间的某一部分取出来
把中间含有hi的单词取出,即hi不能在两端
2.3^caret,从"字符串的起始位置开始匹配",
2.4$,匹配到字符串的结束位置
3:找多少
*:0--->N===>等价{0,}
+:[1,N]====>等价{1,}
?:[0,1]====>等价{0,1}
a{n}:字符a准确的出现n次
a{n,}:字符a至少出现次
a{n,m},n-->m次
个数修饰符默认是贪婪模式,尽量多找
"个数修饰符后面加?",则为非贪婪模式,尽量少的找.
模式:
以匹配为例,默认情况,match找到一次就结束,
能否告诉匹配过程,一直找,在全文范围内一直找.
g->全局模式,global[找所有的,而不是找一次结束]
i--->忽略大小写ignore
m->多行模式
s-->单行模式(把整个字符串看成一行)(js不支持单行模式)
在js里,不支持单行的情况下,如何换行?
--->什么样的模式能代表"所有"字符串
==>用[\d\D],[\s\S],[\w\W]
<script type="text/javascript">
function t1() {
var v = document.getElementsByName('str')[0].value;
var patt = /hi/;
alert(patt.test(v));
}
function t2(){
var v = document.getElementsByName('str')[0].value;
var patt = /^hi$/; // 并不是意味着从字符串的开始处找,而是找字符串的开始标志
alert(patt.test(v));
}
function t3(){
var v = document.getElementsByName('str')[0].value;
var patt = /\bhi\b/; // 并不是意味着从字符串的开始处找,而是找字符串的开始标志
alert(patt.test(v));
}
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>从哪儿找</h2>
<p>可以从字符串的开始处找,也可以找到字符串的结尾
也可以从单词的开始或结果处,或单词的非边界<br />
字符串的开始: ^<br />
字符串的结尾: $<br />
单词的边界:\b <br />
单词的非边界:\B<br />
</p>
<input type="text" name="str" /><br />
<input type="submit" value="字符串中有没有hi字符串" onclick="t1();" /><br />
<input type="submit" value="字符串就是hi" onclick="t2();" /><br />
<input type="submit" value="找有没有hi单词" onclick="t3();" /><br />
</body>
</html>
<script type="text/javascript">
function t1() {
var v = document.getElementsByName('str')[0].value;
var patt = /[347]/;
alert(patt.test(v));
}
function t2() {
var v = document.getElementsByName('str')[0].value;
var patt = /[0-9]/;
alert(patt.test(v));
}
function t3() {
var v = document.getElementsByName('str')[0].value;
var patt = /<p>.<\/p>/;
alert(patt.test(v));
}
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>找谁</h2>
<p>
1:字面值,比如'hi',代表找'hi'<br />
2:集合来表示[347]<br />
3:范围,[0-9],[a-z],[A-Z]<br />
4: "."表示任意单个字符(不包含换行符)
</p>
<textarea name="str" /></textarea><br />
<input type="submit" value="判断手机号有没有3,4,7" onclick="t1();" /><br />
<input type="submit" value="判断字符串有没有数字" onclick="t2();" /><br />
<input type="submit" value="任意字符" onclick="t3();" /><br />
</body>
</html>
<script type="text/javascript">
function t1() {
var v = document.getElementsByName('str')[0].value;
var patt = /<p>.{2,3}<\/p>/;
alert(patt.test(v));
}
function t2() {
var v = document.getElementsByName('str')[0].value;
var patt = /<p>.{2}<\/p>/;
alert(patt.test(v));
}
function t3() {
var v = document.getElementsByName('str')[0].value;
var patt = /<p>.{2,}<\/p>/;
alert(patt.test(v));
}
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>找多少个</h2>
<p>
1:用数字准确描述,找多少个.<br />
在要找的字符后面{n,n<m,例{2,3},出现2到3次,n 到m次<br />
2:只用n,例如{2},表示准确的n次<br />
3:用{n,},例如{2,表示至少2次,即[2,无穷大]<br />
4:{0,0->N次,用"*"来简化
5:{1,1->N次,用"+"来简化
6:{0,1},0->1次,用"?"来简化
</p>
<textarea name="str" /></textarea><br />
<input type="submit" value="判断P中的字符有2-3个" onclick="t1();" /><br />
<input type="submit" value="判断P中的字符有2个" onclick="t2();" /><br />
<input type="submit" value="判断P中的字符xxx" onclick="t3();" /><br />
</body>
</html>
<script type="text/javascript">
//判断单词中有连续重复的字符
function t1() {
var v = document.getElementsByName('str')[0].value;
var tagg=/[a-z]+([a-z])\1+[a-z]+/;
alert(tagg.test(v));
}
//判断单词是否首尾相同
function t2() {
var v = document.getElementsByName('str')[0].value;
var patt =/^([a-z])+[a-z]+\1$/;
alert(patt.test(v));
}
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>反向引用</h2>
<p>
找有连续重复字符的单词,比如 good,piiig,abc<br />
如果找到一个a,应该紧接着判断,后面还有a,要把a记忆下来,--->反向引用
</p>
<textarea name="str" /></textarea><br />
<input type="submit" value="判断单词中有连续重复的字符" onclick="t1();" /><br />
<input type="submit" value="判断单词是否首尾相同" onclick="t2();" /><br />
</body>
</html>
<script type="text/javascript">
/****
在正则的匹配的时候,用\n表示第几个()的内容
在正则替换的时候,用$n来表示第几个()的内容
在PHP中,无论是匹配还是替换,用\n,和$n都一样.
****/
function t1() {
var vo = document.getElementsByName('str')[0];
var patt=/([0-9]{3})[0-9]{4}([0-9]{4})/;
vo.value=vo.value.replace(patt,"$1****$2");
}
// var patt = /([0-9]{3})[0-9]{4}([0-9]{4})/;
// vo.value = vo.value.replace(patt,"$1****$2");
</script>
<style type="text/css">
</style>
</head>
<body>
<h2>反向引用替换手机号</h2>
<p>
</p>
<textarea name="str" /></textarea><br />
<input type="submit" value="把手机号中间4位换成*" onclick="t1();" /><br />
</body>
</html>