豁然发现 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个参数: 匹配到的字符串 变量值 匹配到的字符串在原字符串中的位置 原字符串
评论!