JS替换字符|极客笔记

JS替换字符

在JavaScript中，我们经常需要对字符串进行各种操作，其中之一就是替换字符串中的特定字符或子串。在本文中，我们将详细介绍在JavaScript中如何替换字符串中的字符或子串。

使用replace()方法替换字符

JavaScript中的replace()方法可以用来替换字符串中的字符或子串。replace()方法接受两个参数：第一个参数是要替换的字符或子串，第二个参数是替换后的字符或子串。

下面是一个简单的示例，演示如何使用replace()方法替换字符串中的字符：

let str = "Hello World!";
let newStr = str.replace("World", "JavaScript");

console.log(newStr); // 输出：Hello JavaScript!

在上面的示例中，我们将字符串"World"替换为"JavaScript"，并将结果存储在newStr变量中。最后输出为"Hello JavaScript!"。

使用正则表达式替换字符

除了直接替换字符外，我们还可以使用正则表达式来替换字符串中的字符或子串。正则表达式可以提供更灵活的替换方式。

下面是一个使用正则表达式替换字符串中的字符的示例：

let str = "Hello 123 World!";
let newStr = str.replace(/\d+/, "JavaScript");

console.log(newStr); // 输出：Hello JavaScript World!

在上面的示例中，我们使用正则表达式\d+匹配一个或多个数字，并将其替换为"JavaScript"。最后输出为"Hello JavaScript World!"。

使用全局替换

如果我们想要替换字符串中所有匹配的字符或子串，而不仅仅是第一个匹配，可以在正则表达式中使用g修饰符，表示全局替换。

下面是一个使用全局替换的示例：

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

console.log(newStr); // 输出：Hello World World World!

在上面的示例中，我们使用/JavaScript/g匹配所有的"JavaScript"并将其替换为"World"。最后输出为"Hello World World World!"。

使用函数替换

除了直接替换字符或使用正则表达式替换外，replace()方法还支持传入一个函数作为参数，用来生成替换后的字符串。

下面是一个使用函数替换的示例：

let str = "Hello World!";
let newStr = str.replace("World", function(match){
  return match.toUpperCase();
});

console.log(newStr); // 输出：Hello WORLD!

在上面的示例中，我们将"World"替换为其大写形式，并将结果存储在newStr变量中。最后输出为"Hello WORLD!"。