JavaScript replace函数用法详解

replace()是JavaScript字符串操作中最常用的方法之一，它可以在字符串中执行查找和替换操作。本文将详细介绍replace函数的使用方法和常见应用场景。

1. replace函数基本语法

string.replace(searchValue, newValue)

参数说明：

• searchValue：可以是字符串或正则表达式，表示要被替换的内容
• newValue：替换后的新字符串，也可以是函数

2. 简单字符串替换

最简单的用法是用一个字符串替换另一个字符串：

let str = 'Hello World';
let newStr = str.replace('World', 'JavaScript');
console.log(newStr); // 输出：Hello JavaScript

3. 使用正则表达式替换

replace()更强大的功能是支持正则表达式：

let str = 'apple, banana, apple';
let newStr = str.replace(/apple/g, 'orange');
console.log(newStr); // 输出：orange, banana, orange

4. 使用函数作为替换参数

replace()还可以接受函数作为第二个参数，实现更复杂的替换逻辑：

let str = 'Today is 2023-05-15';
let newStr = str.replace(/(\d{4})-(\d{2})-(\d{2})/, function(match, p1, p2, p3) {
  return `${p1}年${p2}月${p3}日`;
});
console.log(newStr); // 输出：Today is 2023年05月15日

5. 常见应用场景

• 敏感词过滤
• 日期格式转换
• 模板字符串替换
• URL参数处理
• HTML标签处理

掌握replace函数的各种用法，可以大大提高前端开发中的字符串处理效率。在实际项目中，它经常与正则表达式配合使用，解决各种复杂的文本处理需求。