快速掌握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

站点统计