JavaScript使用replace()替换手机号码中的四位数字

"本文主要介绍如何使用JavaScript的正则表达式和`replace()`函数来替换手机号码中的特定部分，特别是将手机号的第4位到第7位替换为星号（****），以保护个人隐私。" 在JavaScript中，`replace()`函数是字符串对象的一个方法，用于在字符串中找到匹配正则表达式的部分，并用新的子串替换它们。在这个例子中，我们想要将手机号码的中间四位数字替换为星号，以达到模糊处理的效果。以下是一个具体的实现步骤： 1. **定义手机号码格式的正则表达式**： 正则表达式 `/1(\d{2})\d{4}(\d{4})/g` 被用来匹配手机号码。这里，`1`代表手机号码的开头，`\d{2}`匹配两位数字，`\d{4}`匹配连续的四位数字。整个正则表达式用括号分组，`g`标志表示全局匹配，确保找到所有匹配项，而不仅仅是第一个。 2. **使用`replace()`函数**： `str.replace(reg, "1$1****$2")` 是关键操作。`replace()`函数的第一个参数是正则表达式，第二个参数是替换字符串。在这个替换字符串中，`$1`和`$2`分别引用了正则表达式中捕获的第一和第二个括号内的内容。这样，原始手机号码的前两位和后四位会被保留，而中间的四位被替换为`****`。 3. **实际应用**： 在提供的HTML代码中，有一个按钮点击事件，当按钮被点击时，会执行以下操作： - 获取`<p>`元素内的文本，即手机号码。 - 使用正则表达式`reg`匹配并替换手机号码。 - 将替换后的字符串设置回`<p>`元素，显示替换后的结果。 这个方法对于保护用户隐私、展示模糊的联系方式非常有用。在实际开发中，可以结合表单验证、用户输入等场景灵活运用。 相关的JavaScript字符串方法和正则表达式知识还包括： - `match()`：用于在字符串中查找符合正则表达式的所有匹配项。 - `replaceAll()`：在ES2021中引入，用于替换字符串中所有匹配正则表达式的实例，这在某些情况下比多次调用`replace()`更方便。 理解并熟练掌握这些方法和正则表达式，能帮助开发者更高效地处理和操作字符串，提高代码质量。