如何在 JavaScript 中替换另一个字符后面的所有特殊字符?


既不是字母也不是数字的字符称为特殊字符。特殊字符本质上是所有不可读的字符,包括标点符号、重音符号和符号标记。从字符串中删除所有特殊字符,使其更易于阅读和理解。

我们使用replace()方法替换另一个字符后面的所有特殊字符。

使用 replace() 方法

JavaScript 内置方法string.replace()可用于将提供的字符串的一部分替换为另一个字符串或正则表达式。原始字符串不会发生任何更改。

语法

以下是replace()的语法:

string.replace(searchValue, newValue)

让我们看看以下示例,以更深入地了解如何用另一个字符替换特殊字符。

示例

在以下示例中,我们正在运行脚本以替换另一个字符后面的所有特殊字符。

<!DOCTYPE html>
<html>
   <body>
      <script>
         let sentence1 = '<Welcome <To<TP';
         const pattern = /<(?!\s)/g;
         let result = sentence1.replace(pattern, "<@");
         document.write(result)
      </script>
   </body>
</html>

当脚本执行时,它将生成一个输出,其中包含在网页上用其他特殊字符替换的文本。

示例

考虑以下示例,这里我们用“*”替换所有特殊字符。

<!DOCTYPE html>
<html>
   <body style="background-color:#EAFAF1">
      <p id="tutorial"></p>
      <script>
         var statement = "The@ Be$&st^ E!-Wa%y Le@!arning%$";
         var result = statement.replace(/[^a-zA-Z ]/g, "*");
         document.getElementById("tutorial").innerHTML=result;
      </script>
   </body>
</html>

运行上述脚本后,将弹出输出窗口,显示应用了特殊字符“*”的文本,在上述代码中找到特殊字符的地方都会被替换。

示例

执行以下脚本并观察所有特殊字符如何被另一个字符替换。

<!DOCTYPE html>
<html>
   <body style="text-align:center;background-color:#E8DAEF;">
      <p id="tutorial"></p>
      <button onclick="applyspecial()">Click</button>
      <script>
         function applyspecial(){
            var sentence = 'MSD@ i%s #a *I^ndi*@an C$ri!!ck!eter_!-';
            var regularExpresion = /[^a-zA-Z ]/g;
            var result = sentence.replace(regularExpresion, "*!");
            document.write(result);
         }
      </script>
   </body>
</html>

当脚本执行时,它将生成一个输出,其中包含网页上的一个点击按钮。如果用户点击该按钮,则会触发事件并显示一个文本,该文本已用与普通字符不同的特殊字符替换。

更新于:2023年4月21日

1K+ 次查看

启动你的职业生涯

通过完成课程获得认证

开始学习
广告