Javascript 正则表达式替换

概述

Javascript 正则表达式替换是一种用来替换字符串中的字符、字母或者单词的技术。它可以对一个字符串进行多次替换，从而达到更改原始字符串的目的。

在 Javascript 中，我们使用正则表达式来匹配要替换的内容，并使用一些方法来执行替换的操作。

使用

String.replace()

String.replace() 方法可以在一个字符串中替换一个子串，方法的参数是正则表达式和替换字符串。

const str = "Hello World";
const newStr = str.replace(/Hello/, "Hi");
console.log(newStr); // "Hi World"

RegExp.exec()

RegExp.exec() 方法用于在字符串中执行正则表达式的搜索，并在搜索结果中返回一个数组。这个数组的第0个元素是匹配到的子串，后续元素是捕获组。

const str = "John Smith";
const regex = /(\w+)\s+(\w+)/;
const result = regex.exec(str);
console.log(result[0]); // "John Smith"
console.log(result[1]); // "John"
console.log(result[2]); // "Smith"

RegExp.test()

RegExp.test() 方法用于在字符串中测试正则表达式是否匹配，并返回布尔值。

const str = "John Smith";
const regex = /(\w+)\s+(\w+)/;
const isMatch = regex.test(str);
console.log(isMatch); // true

实例

替换手机号码

下面的示例演示了如何使用正则表达式替换手机号码中的中间四位数字为星号。

const phone = "13812345678";
const regex = /(\d{3})\d{4}(\d{4})/;
const newPhone = phone.replace(regex, "$1****$2");
console.log(newPhone); // "138****5678"

替换 HTML 标签

下面的示例演示了如何使用正则表达式替换 HTML 标签为普通文本。

const html = "<h1>Hello World</h1>";
const regex = /<\/?[^>]+>/g;
const newHtml = html.replace(regex, "");
console.log(newHtml); // "Hello World"

总结

Javascript 正则表达式替换是一种非常实用的技术，可以帮助我们实现很多字符串操作。熟练掌握这一技术可以使我们写出更加高效、简洁的代码，在项目中发挥更大的作用。