正則中的圓括號(hào)（）的用途詳解

2020-03-16 21:05:30

字體：大中小

供稿：網(wǎng)友

正則表達(dá)式中的圓括號(hào)的作用是對(duì)字符進(jìn)行分組，并保存匹配的文本。今天我們就來詳細(xì)探討下正則中的圓括號(hào)()的用途，希望對(duì)大家學(xué)習(xí)正則有所幫助。

首先我們前面介紹過，replace()方法中的第二個(gè)參數(shù)若是回調(diào)函數(shù)，那么這個(gè)回調(diào)函數(shù)中的參數(shù)就是匹配成功后的結(jié)果。。。。。,那么有沒有考慮回調(diào)函數(shù)中有多個(gè)參數(shù)呢?

先舉個(gè)例子:

<!DOCTYPE>

<html>

<head>

<meta charset='utf-8'>

<title></title>

</head>

<script type="text/javascript">

window.onload=function(){

var date='2015-8-7';

var re=/(/d+)(-)/g;

date.replace(re,function(a1,a2,a3){

/*alert(a1);*/

alert(a2);

/*alert(a3);*/

});

};

</script>

<body>

</body>

</html>

上面的例子需要你分別查看a1,a2，a3的值，你會(huì)發(fā)現(xiàn)一些規(guī)律

單獨(dú)查看a1：2015- 8-

單獨(dú)查看a2：2015 8

單獨(dú)查看a3：- -

把三個(gè)參數(shù)形象的打個(gè)比方吧，a1相當(dāng)于母親，a2是大兒子，a3是小兒子，每個(gè)兒子都繼承了媽媽的一部分基因

a1是var re=//d+-/g; 這個(gè)正則的結(jié)果

a2是var re=/(/d+)(-)/g;左邊第一個(gè)括號(hào)的結(jié)果

a2是var re=/(/d+)(-)/g;左邊第二個(gè)括號(hào)的結(jié)果

說了這么多參數(shù)的用途，下面我們來實(shí)現(xiàn)輸出：2015.8.7

方法一：對(duì)兒子操作

<!DOCTYPE>

<html>

<head>

<meta charset='utf-8'>

<title></title>

</head>

<script type="text/javascript">

window.onload=function(){

var date='2015-8-7';

var re=/(/d+)(-)/g;

var a=date.replace(re,function(a1,a2,a3){

return a2+'.';

});

alert(a);

};

</script>

<body>

</body>

</html>

方法二：對(duì)母親操作

<!DOCTYPE>

<html>

<head>

<meta charset='utf-8'>

<title></title>

</head>

<script type="text/javascript">

window.onload=function(){

var date='2015-8-7';

var re=/(/d+)(-)/g;

var a=date.replace(re,function(a1,a2,a3){

return a1.substring(0,a1.length-1)+'.';

});

alert(a);

};

</script>

<body>

</body>

</html>