JS 正则表达式替换字符串

在 JavaScript 中，正则表达式是一个常用的工具，它可以用于匹配和替换字符串。字符串替换是指用一些的字符串替换目标字符串中的一些或全部内容。当需要批量修改字符串的时候，正则表达式就可以发挥它的作用了。接下来，我们将通过一些实例来学习如何在 JavaScript 中使用正则表达式替换字符串。

替换字符串中的数字

当我们需要将字符串中的数字全部替换成另一个数字时，可以使用 replace() 函数来实现。下面的例子将字符串"10个苹果加2个苹果减去1个苹果等于11个苹果"中的所有数字替换成【数字A】。

const str = "10个苹果加2个苹果减去1个苹果等于11个苹果";
const regex = /\d+/g; // 匹配所有数字
const replacedStr = str.replace(regex, "【数字A】");
console.log(replacedStr); // 结果：【数字A】个苹果加【数字A】个苹果减去【数字A】个苹果等于【数字A】个苹果

在上面的代码中，使用了 /d+/g 来匹配所有数字，其中 /d 是一个元字符，表示匹配一个数字字符。+ 是数量词，表示匹配一个或多个数字字符。g 则是修饰符，表示匹配所有的数字字符而不仅仅是第一个数字字符。最后使用 replace() 函数，将原始字符串中所有的数字替换成【数字A】即可。

替换字符串中的空格

当我们需要删除字符串中的所有空格时，也可以使用正则表达式来实现。下面的例子将字符串" 这是一个字符串 "中的所有空格都删除。

const str = " 这是  一 个 字符串 ";
const regex = /\s+/g; // 匹配所有的空格
const replacedStr = str.replace(regex, "");
console.log(replacedStr); // 结果：这是一个字符串

在上面的代码中，\s 是一个元字符，表示匹配一个空格或者制表符等空白字符。+ 是数量词，表示匹配一个或多个空格。g 修饰符表示匹配所有的空格字符。最后使用 replace() 函数将所有的空格字符删除即可。

替换字符串中的特定字符

当我们需要替换字符串中特定的字符时，可以使用正则表达式来识别它们。下面的例子演示了如何将字符串"th1s 1s 4 r4nd0m str1ng" 中的所有数字替换成 0。

const str = "th1s 1s 4 r4nd0m str1ng";
const regex = /\d/g; // 匹配所有的数字
const replacedStr = str.replace(regex, "0");
console.log(replacedStr); // 结果：th0s 0s 0 r0nd0m str0ng

在上面的代码中，使用了 /d/g 来匹配所有数字，其中 /d 是一个元字符，表示匹配一个数字字符。使用 g 修饰符来匹配所有的数字。最后使用 replace() 函数，将所有数字替换成 0。

替换字符串中的字符集

在某些情况下，我们需要替换字符串中某些特定的字符集。下面的例子演示了如何将字符串中所有的元音字母替换成另一个字符。

const str = "Hello, world!";
const regex = /[aeiou]/g; // 匹配所有的元音字母
const replacedStr= str.replace(regex, "*");
console.log(replacedStr); // 结果：H*ll*, w*rld!

在上面的代码中，使用了 /[aeiou]/g 这个正则表达式来匹配所有的元音字母。[aeiou] 表示匹配 a、e、i、o 或者 u 这个字符集中的任何一个字符。使用 g 修饰符来匹配所有的元音字母。最后使用 replace() 函数将所有元音字母替换成 *。

替换多个字符

如果我们需要替换多个特定的字符，也可以使用字符类或者管道符 |。下面的例子演示了如何将字符串中的所有分号和冒号替换成逗号。

const str = "a:1;b:2;c:3;d:4;e:5";
const regex = /:|;/g; // 匹配冒号或分号
const replacedStr = str.replace(regex, ",");
console.log(replacedStr); // 结果：a,1,b,2,c,3,d,4,e,5

在上面的代码中，使用了字符类 :/; 和管道符 | 来匹配冒号和分号。: 和 ; 表示匹配字符集中任何一个字符。| 表示选择前面或者后面的任何一个表达式。最后使用 replace() 函数将所有的冒号和分号替换成逗号。

替换字符串中的 URL

当我们需要将文本中的 URL 地址替换成链接时，可以使用正则表达式来匹配 URL 地址并且创建新的链接。下面的例子演示了如何将文本中出现的所有 URL 地址替换成超链接。

const str = "请访问我的网站：http://www.example.com";
const regex = /((http|https):\/\/\S+)/g; // 匹配 URL 地址
const replacedStr = str.replace(regex, '<a href=" $1">$ 1</a>');
console.log(replacedStr); // 结果：请访问我的网站：<a href="http://www.example.com">http://www.example.com</a>

在上面的代码中，使用了 ((http|https):\/\/\S+) 来匹配所有的 URL 地址。其中 (http|https) 表示匹配 http 或者 https 协议。\/\/ 表示匹配两个反斜杠以及 http 或者 https 之中的一个。\S+ 表示匹配除空格外的任何字符。最后使用 replace() 函数将所有匹配的 URL 地址替换成超链接。