JS中的Replace()传入函数时的用法详解

2023年5月27日下午3:00 • JavaScript

针对这个主题，我可以向你详细讲解JS中replace()方法在传入函数时的用法。

1. `replace()`方法基本用法

首先，我们需要先了解一下replace()方法的基本用法。replace()方法可以用于字符串的替换操作，可以将某个字符串匹配到的内容替换成新的字符串。其基本语法如下：

str.replace(regexp|substr, newSubstr|function)

其中，str为待替换的原始字符串，regexp|substr为匹配规则，可以是正则表达式或者字符串子串，newSubstr|function为替换后的新字符串或者以函数返回的字符串。

下面是一个简单的示例，该示例将字符串中的某个子串${name}替换成具体的姓名：

let str = "欢迎{name}光临！";
let name = "小明";
let newStr = str.replace("{name}", name);
console.log(newStr);  //欢迎小明光临！

在这个示例中，我们使用replace()方法找到了字符串中的某个子串"{name}"，并且将其替换成了具体的姓名"小明"。

2. `replace()`方法传入函数的用法

接下来，我们来看一下replace()方法传入函数的用法。在我们之前的示例中，我们是将字符串中的某个子串替换成新的字符串，如果我们想对子串进行一些复杂的处理或者替换操作，我们就可以使用传入函数的方式进行操作。

在传入函数时，该函数会接收到两个参数：匹配到的字符串和其匹配的位置。函数需要返回一个字符串作为替换后的结果。下面是一个示例，该示例将字符串中的所有数字变成相应的中文小写数字：

let str = "I have 123 apples!";
let newStr = str.replace(/\d+/g, function(match) {
    let numMap = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
    let numStr = match.toString();
    let result = "";
    for(let i = 0; i < numStr.length; i++){
        result += numMap[numStr.charAt(i)];
    }
    return result;
});
console.log(newStr);  //I have 一二三 apples!

在这个示例中，我们使用正则表达式匹配到了字符串中的所有数字，并将其作为参数传入了replace()函数，然后我们定义了一个函数，该函数使用一个数字与中文小写数字对照的映射表，将数字转换为对应的中文小写数字并返回。最终，所有数字都被替换成了中文小写数字。

3. `replace()`方法传入函数的高级用法

除了上面的示例之外，我们还可以使用一些高级的技巧来使用replace()函数传入函数的方式。比如，我们可以在函数中使用闭包，来在每次执行替换操作时，进行一些共享变量的处理。

下面是一个示例，该示例检索字符串中某个子串的位置，并将这个子串替换成某个新的字符串。为了获得更好的性能，该示例使用了闭包中的共享变量：

function replacer(searchValue, replaceValue){
    let count = 0;
    return function replace(match){
        count++;
        if(count === 1){
            return replaceValue;
        }else{
            return match;
        }
    }
}

let str = "Hello world! This is the first world!";
let newStr = str.replace("world", replacer("world", "worlds"));
console.log(newStr);  //Hello worlds! This is the first world!

在这个示例中，我们首先定义了一个函数replacer()，该函数接收两个参数：被替换的子串和替换后的新字符串。在函数中，我们定义了一个闭包，使用变量count来记录已经替换掉的子串数量，然后在替换函数replace()中，如果是第一个匹配到的子串，则将其替换成新的字符串，否则直接返回原始的匹配结果。最终，我们使用replace()方法将字符串中所有的"world"替换成"worlds"。