正则中的圆括号（）的用途详解

2020-03-16 21:05:30

字体：大中小

来源：转载

供稿：网友

正则表达式中的圆括号的作用是对字符进行分组，并保存匹配的文本。今天我们就来详细探讨下正则中的圆括号()的用途，希望对大家学习正则有所帮助。

首先我们前面介绍过，replace()方法中的第二个参数若是回调函数，那么这个回调函数中的参数就是匹配成功后的结果。。。。。,那么有没有考虑回调函数中有多个参数呢?

先举个例子:

<!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的值，你会发现一些规律

单独查看a1：2015- 8-

单独查看a2：2015 8

单独查看a3：- -

把三个参数形象的打个比方吧，a1相当于母亲，a2是大儿子，a3是小儿子，每个儿子都继承了妈妈的一部分基因

a1是var re=//d+-/g; 这个正则的结果

a2是var re=/(/d+)(-)/g;左边第一个括号的结果

a2是var re=/(/d+)(-)/g;左边第二个括号的结果

说了这么多参数的用途，下面我们来实现输出：2015.8.7

方法一：对儿子操作

<!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>

方法二：对母亲操作

<!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>