正则中的括号（）的用途（匹配子项或是分组）

最新推荐文章于 2024-09-16 08:47:17 发布

Wesley131420

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量147

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/angus-jiang/p/4440614.html

版权

首先我们前面介绍过，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>