js replace正则|极客笔记

js replace正则

在JavaScript中，replace()方法是用于在字符串中替换指定内容的方法。通常我们可以直接传入要替换的字符串，但是我们也可以使用正则表达式来匹配更复杂的模式。

使用正则表达式作为替换内容

我们可以使用正则表达式作为replace()方法的第一个参数，在替换内容中可以使用正则表达式的组，即使用$1, $2等来引用匹配的分组。

示例代码如下：

let str = 'Hello, world! This is an example text.';
let replaced = str.replace(/(Hello), (world)!/, ' $2,$ 1');
console.log(replaced);

运行结果：

world, Hello

在上面的示例中，我们首先定义了一个字符串Hello, world! This is an example text.，然后使用正则表达式(Hello), (world)!来匹配Hello, world!这个子串。在第二个参数中，我们使用了$2, $1来将匹配到的内容进行了反转。

使用函数作为替换内容

除了直接替换的字符串和正则表达式的分组，我们还可以传入一个函数作为replace()的第二个参数。这个函数将会在每一次匹配到的字符串上调用，可以根据匹配到的内容动态地生成替换内容。

示例代码如下：

let str = 'Hello, world! This is an example text.';
let replaced = str.replace(/Hello|world/g, function(match) {
  return match.toUpperCase();
});
console.log(replaced);

运行结果：

HELLO, WORLD! This is an example text.

在上面的示例中，我们定义了一个字符串Hello, world! This is an example text.，然后使用正则表达式Hello|world来匹配Hello和world两个单词。我们传入了一个函数，这个函数将会将匹配到的内容转换为大写字母。

全局替换

在JavaScript中，如果我们要对字符串中的所有匹配进行替换，可以使用g修饰符将正则表达式设置为全局匹配模式。

示例代码如下：

let str = 'Hello, world! Hello, world!';
let replaced = str.replace(/Hello|world/g, 'Hi');
console.log(replaced);

运行结果：

Hi, Hi! Hi, Hi!

在上面的示例中，我们定义了一个字符串Hello, world! Hello, world!，然后使用正则表达式Hello|world进行全局匹配，将Hello和world都替换为Hi。

忽略大小写

如果我们希望在替换时忽略大小写，可以使用i修饰符将正则表达式设置为不区分大小写匹配模式。

示例代码如下：

let str = 'Hello, world! This is an example text.';
let replaced = str.replace(/hello/gi, 'Hi');
console.log(replaced);

运行结果：

Hi, world! This is an example text.

在上面的示例中，我们定义了一个字符串Hello, world! This is an example text.，然后使用正则表达式hello进行不区分大小写匹配，将所有的Hello替换为Hi。

结论

通过本文的介绍，我们了解了在JavaScript中如何使用正则表达式来进行字符串替换。通过这种方式，我们可以实现更加灵活和复杂的替换逻辑，满足各种需求。

js replace正则