js regexp 替换

在JavaScript中，正则表达式（RegExp）是一种强大的文本处理工具，可以用于执行复杂的搜索和替换操作。String.prototype.replace() 方法可以与正则表达式一起使用，以查找字符串中的特定模式，并将其替换为新的文本。

基本语法

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

• regexp：一个正则表达式对象。如果该参数不是正则表达式，则它会被隐式转换为字符串。
• substr：一个要被替换的子字符串。
• newSubstr：用于替换的新子字符串。
• function：一个函数，其返回值将用于替换匹配项。

示例代码

假设我们有一个字符串，想要将所有的 "foo" 替换为 "bar"：

let str = "foo is foo";
let newStr = str.replace(/foo/g, "bar");
console.log(newStr); // 输出 "bar is bar"

在这个例子中，/foo/g 是一个正则表达式，g 标志表示全局搜索，即替换字符串中所有匹配的 "foo"。

如果我们只想替换第一个匹配项，可以去掉 g 标志：

let str = "foo is foo";
let newStr = str.replace(/foo/, "bar");
console.log(newStr); // 输出 "bar is foo"

使用函数作为替换参数

如果替换逻辑比较复杂，可以传递一个函数作为 replace 方法的第二个参数。这个函数会接收匹配到的子串、捕获组、匹配位置等信息，并返回用于替换的新子串。

let str = "apple banana apple";
let newStr = str.replace(/apple/g, function(match) {
    return match.toUpperCase();
});
console.log(newStr); // 输出 "APPLE banana APPLE"

应用场景

• 格式化文本：比如将日期格式从 "YYYY-MM-DD" 转换为 "DD/MM/YYYY"。
• 数据清洗：在处理用户输入时，移除或替换不合法的字符。
• 内容替换：在文章或网页内容中批量替换特定的词汇。

常见问题及解决方法

1. 替换不生效：确保正则表达式正确，并且匹配到了想要替换的内容。检查是否有全局标志 g，如果没有，只会替换第一个匹配项。
2. 特殊字符转义：在正则表达式中，一些字符如 ., *, ? 等有特殊含义，如果要匹配这些字符本身，需要进行转义，例如 \.。
3. 忽略大小写：如果需要进行不区分大小写的替换，可以使用 i 标志，例如 /foo/gi。

通过掌握这些基础概念和使用技巧，你可以更有效地使用JavaScript的正则表达式进行文本替换操作。