JS正则表达式如何实现有条件的字符串替换？

在JavaScript开发中，正则表达式是实现字符串处理和替换的强大工具。但有时我们需要根据特定条件来执行替换操作，而不是简单的全局替换。本文将详细讲解如何使用JS正则表达式实现有条件的字符串替换，并提供实用示例和最佳实践。

1. 基本正则替换方法

JavaScript提供了String.prototype.replace()方法，支持使用正则表达式进行字符串替换：

let str = "Hello World";
let result = str.replace(/World/, "JavaScript");
console.log(result); // 输出: "Hello JavaScript"

2. 使用函数实现条件替换

replace()方法可以接受一个函数作为第二个参数，从而实现有条件的替换：

let text = "价格: $10, $20, $30";
let result = text.replace(/\$(\d+)/g, function(match, p1) {
  let price = parseInt(p1);
  if (price > 15) {
    return "$" + (price * 0.9); // 打9折
  }
  return match; // 保持不变
});
console.log(result); // 输出: "价格: $10, $18, $27"

3. 复杂条件替换示例

以下示例演示如何根据多个条件进行替换：

let data = "用户A:25, 用户B:17, 用户C:30";
let result = data.replace(/(\w+):(\d+)/g, function(match, user, age) {
  age = parseInt(age);
  if (age < 18) {
    return user + ":未成年";
  } else if (age >= 18 && age < 60) {
    return user + ":成年人";
  } else {
    return user + ":老年人";
  }
});
console.log(result); // 输出: "用户A:成年人, 用户B:未成年, 用户C:成年人"

4. 使用正则表达式断言

正则表达式的断言功能可以帮助我们实现更精确的条件匹配：

// 只替换后面跟着特定内容的数字
let text = "100px 200em 300pt";
let result = text.replace(/\d+(?=px)/g, "150");
console.log(result); // 输出: "150px 200em 300pt"

5. 最佳实践和注意事项

• 使用g标志进行全局替换
• 在替换函数中正确处理捕获组
• 考虑性能问题，避免过于复杂的正则表达式
• 使用现代JavaScript特性如箭头函数简化代码

通过掌握这些技巧，您可以在JavaScript中灵活地实现各种有条件的字符串替换操作，提升开发效率和代码质量。