快速掌握JavaScript正则表达式
EcmaScript正則表達式( 深入淺出系列之淺出 ^_^ )
使用方法
創建對象
var r = new RegExp("表達式","ig");
適合在動態構造匹配對象時使用;
表達式中轉義符需要使用兩次,如\\d;
直接量
var r = /表達式/ig;
使用在任何固定模式的匹配;
常用屬性
$1…$9
返回九个在模式匹配期间找到的、最近保存的部分。只读。
index
返回第一个成功匹配的开始位置。只读。
lastIndex??? *(注意)
返回最后一次成功匹配的位置(下一次匹配開始的位置)。讀寫。
只有當使用exec()或test()函數時才會寫入。
lastMatch
返回最后匹配的字符。只读。
input
返回查找的字符串。只读。
lastIndex
考慮以下代碼:
<script type="text/javascript">
var r = /\d/g;
alert(r.test(‘abc1’));
alert(r.lastIndex);
alert(r.test(‘ab1’));
alert(r.lastIndex);
alert(r.test(‘a1’));
alert(r.lastIndex);
</script>
lastIndex屬于實例屬性
當一個正則表達式實例多次test或exec時,它的lastIndex將每一次都被更改。
量詞
?
出現0次或1次
*
出現0次或多次
+
出現1次或多次
{n}
一定出現n次
{n,m}
至少出現n次,最多出現m次
{n,}
至少出現n次
貪婪與非貪婪(惰性)的量詞
貪婪匹配:
?
*
+
{n}
{n,m}
{n,}
非貪婪匹配:
??
*?
+?
{n}?
{n,m}?
{n,}?
貪婪與非貪婪的匹配過程
考慮以下代碼:
<script type="text/javascript">
var s = ‘http://www/hello/world.php’;
var r1 = /.*\//g;
var r2 = /.*?\//g;
alert(s.match(r1));
alert(s.match(r2));
</script>
//貪婪匹配
匹配整個字符串
從后逐一舍去最后一個字符繼續
http://www/hello/
//非貪婪匹配
從第一個字符開始匹配
如果失敗,讀入下一個字符繼續
http:/,??? /,??? www/,??? hello/
分組、反向引用與非捕獲性分組
用來匹配以一系列字符為一個單位的模式
(一系列的字符作為一個整體哦)
每創建一個分組,在執行test()、match()、search()、replace()后,可以通過全局$1…$9屬性來獲取匹配到的每一個分組。
分組匹配將帶來一定的效率損耗,如果有時候不需要獲取分組的結果,可以使用非捕獲性分組:(?:一系列的字符)
候選
用來匹配a or b or n…模式。比如,匹配文件類型:
<script type="text/javascript">
var s = ‘http://www/hello/world.png.php’;
var r = /(?:jpg|gif|png)$/i;
alert(r.test(s));
</script>
前瞻
正向前瞻
var r = /(aaa(?=bbb))/;
用于匹配后面緊挨著的是bbb的串aaa
負向前瞻
var r = /(aaa(?!bbb))/;
用于匹配后面緊挨著的不是bbb的串aaa
Replace
Replace中使用正則,第二個參數是函數!
<script type="text/javascript">
var str = ‘aaZbbZccZ’;
var s = str.replace(/(.*?)Z/g,
function(){
var ar = [];
for(var i=0;i<arguments.length;i++){
ar.push(arguments[i]);
}
alert(ar);
ar.length = 0;
return arguments[2];
}
);
alert(s);
</script>
當有反向引用時:
arguments[0]:匹配到的串
arguments[1]:$1
arguments[2]:$2
………………………..
arguments[arguments.length-2]:匹配到的位置
arguments[arguments.length-1]:要匹配的字符串
否則,有3個形參:
arguments[0]:匹配到的串
arguments[1]:匹配到的位置
arguments[2]:要匹配的字符串
Replace應用
不用循环输出一至一百:
<script type="text/javascript">
var sAAA = new Array(100+1).join("a");
var sNum = sAAA.replace(/a/g,function(){
return arguments[1]+1+"<br/>"
});
document.write(sNum);
</script>
替換所有<>為[]:
<script type="text/javascript">
var str = ‘<a>a</a><b>b</b><c>c</c>’;
var s = str.replace(/(<)|>/g,function(x,y){
return (y)?'[‘:’]’;
});
alert(s);
</script>
快速掌握JavaScript正则表达式PPT下载:http://www.v-ec.com/dh20156/code/EcmaScriptRegExp.ppt
文章评论 已经有 0 条评论!