JS 正则表达式替换多个匹配项

在前端开发中，经常需要对字符串进行替换操作。JS 通过正则表达式提供了强大的替换功能，可以在字符串中匹配多个模式，并替换成指定的字符串。

使用 replace 方法替换单个匹配项

replace() 方法用于在字符串中替换指定的子字符串或模式。它接受两个参数：第一个参数是表示要替换的子字符串或模式的字符串或正则表达式，第二个参数是表示要替换的新字符串。如果第一个参数是一个正则表达式，它可以识别出多个匹配项，并替换成指定的新字符串。

以下是一个例子，演示如何使用正则表达式替换单个匹配项：

const str = 'hello world';
const newStr = str.replace(/world/, 'John');

console.log(newStr); // 'hello John'

在上面的例子中，我们使用正则表达式 /world/ 匹配了字符串 world，然后将其替换成新字符串 John。此时，变量 newStr 的值为 'hello John'。

使用 replace 方法替换多个匹配项

如果字符串中有多个匹配项需要替换，我们可以使用正则表达式中的全局标志 g，将其与 replace() 方法一起使用。这样，在替换时，它就会找到字符串中的全部匹配项，并将其替换成指定的新字符串。

以下是一个例子，演示如何使用正则表达式替换多个匹配项：

const str = 'hello world, world';
const newStr = str.replace(/world/g, 'John');

console.log(newStr); // 'hello John, John'

在上面的例子中，我们使用正则表达式 /world/g 匹配了字符串中的全部两个 world，并将其替换成新字符串 John。此时，变量 newStr 的值为 'hello John, John'。

使用 replace 方法替换多个不同的匹配项

如果我们需要同时替换多个不同的匹配项，可以使用正则表达式的或运算符 |，将它们组成一个单独的模式。然后，将这个模式与 g 标志一起使用，来匹配全部模式，并将其替换成指定的新字符串。

以下是一个例子，演示如何使用正则表达式替换多个不同的匹配项：

const str = 'hello foo, bar';
const newStr = str.replace(/foo|bar/g, 'World');

console.log(newStr); // 'hello World, World'

在上面的例子中，我们使用正则表达式 /foo|bar/g 匹配了字符串中的全部两个 foo 和 bar，并将其替换成新字符串 World。此时，变量 newStr 的值为 'hello World, World'。

总结

JS 正则表达式提供了强大的字符串替换功能，可以使用 replace() 方法将指定的子字符串或模式替换成指定的新字符串。在替换多个匹配项时，可以使用正则表达式的全局标志 g，将其与 replace() 方法一起使用，来匹配全部匹配项。如果需要同时替换多个不同的匹配项，可以使用正则表达式的或运算符 |，将它们组成一个单独的模式。