js 字符串 replace方法及示例

下面是一些使用JavaScript中字符串 replace 方法的示例代码，这些示例将帮助你理解如何使用此方法进行基本替换以及更高级的替换操作，包括使用正则表达式和函数作为替换值。

基础替换

let originalText = "Hello, World!";
let newText = originalText.replace("World", "JavaScript");
console.log(newText); // 输出: Hello, JavaScript!

全局替换

如果你想替换字符串中所有匹配项，需要使用全局搜索标志 g。

let textWithApples = "I have an apple, apples are tasty.";
let replacedText = textWithApples.replace(/apple/g, "orange");
console.log(replacedText); // 输出: I have an orange, oranges are tasty.

使用函数作为替换值

你可以传递一个函数作为第二个参数，该函数会在每次匹配时被调用，并且它的返回值将用作替换文本。函数第一个参数match是匹配到的内容，在该示例中是字符a，第二个参数index则是当前匹配的内容在sentence这段字符串的索引。

function toUpperCase(match,index) {
  return match.toUpperCase();
}

let sentence = "javascript is cool!";
let modifiedSentence = sentence.replace(/a/g, toUpperCase);
console.log(modifiedSentence); // 输出: JAVASCRIPT IS COOL!

特殊字符与转义

如果要在正则表达式中匹配特殊字符（如点 . 或方括号 []），需要对其进行转义。

let textWithDots = "Look at the dots... so many dots...";
let noDotsText = textWithDots.replace(/\./g, "-");
console.log(noDotsText); // 输出: Look at the dots- so many dots-

引用匹配项

在替换字符串中，可以使用 $1, $2, … 来引用正则表达式中的捕获组。

let names = "Alice, Bob, and Carol";
let anonymizedNames = names.replace(/(\w+), (\w+), and (\w+)/, "$2, $1, and $3");
console.log(anonymizedNames); // 输出: Bob, Alice, and Carol

以上示例展示了 replace 方法的一些基本用法和进阶技巧，希望能帮助你更好地理解和应用这一功能强大的字符串处理工具。