Javascript string.replace 方法的参数

豁然发现 replace方法真心是个好东西

replace的语法是:

stringObject.replace(regexp/substr,replacement)

第一个参数是一个字符串或者正则表达式 第二个参数是要替换的字符 也可以是函数 对于正则表达式配合$开头的待替换字符的各种奇技淫巧 网上很多地方都有 我也便懒得研究了 主要是当第二个参数是函数的时候 应该怎么用呢?

如下代码既是试验代码也是应用代码 它用了两种方法将一个字符串格式化

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
</head>  
<body>  
    <div class="datatest" data-pre="pre"></div>  
    <script>  
    replacement=["Javascript","String"]  


    str1="here is a $s test of $s replace";  
    var i = -1;  
    str1 = str1.replace(/\$s/g,function(a,b,c,d){  
        i++;  
        console.log(a + " " + b + " " + c + " " + d + " " + i);  
        return replacement[i];  
    });  
    console.log(str1);  




    str2="here is a $0 test of $1 replace";  
    str2 = str2.replace(/\$(\d+)/g,function(a,b,c,d){  
        console.log(a + " " + b + " " + c + " " + d);  
        return replacement[b];  
    });  
    console.log(str2);  
    </script>  
</body>  
</html>

在chrome下输出为:

$s 10 here is a $s test of $s replace undefined 0
$s 21 here is a $s test of $s replace undefined 1
here is a Javascript test of String replace
$0 0 10 here is a $0 test of $1 replace
$1 1 21 here is a $0 test of $1 replace
here is a Javascript test of String replace

显然的,对于没有变量的正则 replacement 函数有3个参数: 匹配到的字符串 匹配到的字符串在原字符串中的位置 原字符串 对于有变量的正则replacement 函数有4个参数: 匹配到的字符串 变量值 匹配到的字符串在原字符串中的位置 原字符串

评论!

社交