js 替换全部指定字符串|极客笔记

js 替换全部指定字符串

在前端开发中，经常会遇到需要替换字符串的情况，尤其是当我们想要替换所有出现的指定字符串时。在JavaScript中，我们可以通过一些内置方法来实现这个功能。本文将详细讨论如何使用JavaScript来替换全部出现的指定字符串。

使用正则表达式进行替换

在JavaScript中，我们可以使用正则表达式来匹配要替换的字符串，并利用replace()方法来进行替换。通常情况下，我们使用/g修饰符来表示全局匹配。下面是一个简单的示例代码：

let str = "Hello World! Hello JavaScript!";
let replacedStr = str.replace(/Hello/g, "Hi");

console.log(replacedStr);

上述代码中，我们首先定义了一个包含两个”Hello”字符串的str变量。然后使用正则表达式/Hello/g来匹配所有的”Hello”字符串，并将其替换为”Hi”。最终我们打印出替换后的字符串，结果为：”Hi World! Hi JavaScript!”。

使用全局替换方法

除了可以使用正则表达式外，JavaScript还提供了一个方便的方法replaceAll()来替换所有出现的指定字符串。下面是一个示例代码：

let str = "Hello World! Hello JavaScript!";
let replacedStr = str.replaceAll("Hello", "Hi");

console.log(replacedStr);

在上述代码中，我们同样定义了一个包含两个”Hello”字符串的str变量。然后使用replaceAll()方法将所有的”Hello”字符串替换为”Hi”。最终我们打印出替换后的字符串，结果同样为：”Hi World! Hi JavaScript!”。需要注意的是，replaceAll()方法在ES12中引入，需注意浏览器的兼容性。

自定义函数实现全局替换

除了使用内置方法外，我们也可以自定义一个函数来实现全局替换的功能。下面是一个示例代码：

function replaceAll(str, search, replacement) {
  return str.split(search).join(replacement);
}

let str = "Hello World! Hello JavaScript!";
let replacedStr = replaceAll(str, "Hello", "Hi");

console.log(replacedStr);

在上述代码中，我们定义了一个名为replaceAll()的自定义函数，接受三个参数：原始字符串str、要替换的字符串search和替换后的字符串replacement。函数内部先将原始字符串按照要替换的字符串进行拆分，然后再用替换后的字符串进行拼接。最终得到替换后的字符串，结果同样为：”Hi World! Hi JavaScript!”。