如何在 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+ 次檢視

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.