如何使用JavaScript將字串轉換為小寫？

本教程將教我們如何將字串轉換為小寫。程式設計師可能會問自己，為什麼需要將字串轉換為小寫？讓我們透過一個例子來理解答案。

假設您正在開發應用程式，需要使用表單或其他方式從使用者那裡獲取輸入。使用者可以使用大寫、小寫或混合大小寫輸入文字。此外，您還在資料庫中以小寫形式儲存了一些值，並且需要將它們與使用者輸入進行匹配。如果您在不將輸入字串轉換為小寫的情況下進行匹配，則會返回錯誤的結果，因為JavaScript是一種區分大小寫的語言。

  • 使用String toLowerCase()方法

  • 建立自定義函式

使用String toLowerCase()方法

toLowerCase() 方法是JavaScript中的內建庫方法。我們可以將其用於字串型別變數，它將所有字母值轉換為小寫，並且不會影響特殊字元。

語法

使用者可以按照以下語法使用toLowerCase()方法將字串轉換為小寫。

let text = "Hello world!";
let lower = text.toLowerCase(); // returns lower case string.

示例

在下面的示例中，我們建立了兩個字串。一個是僅包含字母值的普通字串，另一個字串包含帶有字母的特殊字元。我們對這兩個字串都應用了toLowerCase()方法。

<html>
<head>
   <title>Convert string to lower case in JavaScript.</title>
</head>
<body>
   <h2>Convert string to lower case using <i> toLowerCase() </i> method.</h2>
   <h4>converting "TutorialsPoint" to lower case.</h4>
   <div id = "output1"> </div>
   <h4> converting "@ TutorialsPoint 123 " to lower case.</h4>
   <div id = "output2"></div>
   <script>
      let output1 = document.getElementById("output1");
      let output2 = document.getElementById("output2");
      let string = "TutorialsPoint";
      output1.innerHTML = string.toLowerCase();
      string = "@ TutorialsPoint 123 ";
      output2.innerHTML = string.toLowerCase();
   </script>
</body>
</html>

在上面的輸出中，使用者可以看到toLowerCase()方法不會影響字串的特殊字元。

建立自定義函式

在本節中，我們將建立一個自定義函式，從頭開始將字串轉換為小寫，而不會影響特殊字元。我們將遍歷字串並逐個將字元轉換為小寫。

語法

使用者可以按照以下語法將字串轉換為小寫。

for (let char of string) {
   let value = char.charCodeAt();
   if (value >= 65 && value <= 90) {
      lowerCaseString += String.fromCharCode(value + 32);
   } else {
      lowerCaseString += char;
   }
}

演算法

使用者可以按照以下演算法執行上述語法。

  • 步驟1 - 遍歷字串的每個字元。

  • 步驟2 - 獲取每個字元的ASCII值。

  • 步驟3 - 如果字元的ASCII值介於65和90之間，則表示該字母字元為大寫，我們需要將其轉換為小寫。

  • 步驟4 - 如果ASCII值不在65和90之間，則表示該字元要麼是特殊字元，要麼是小寫。因此，按原樣將其附加到新字串。

  • 步驟5 - 要將大寫字元轉換為小寫，只需在大寫字元的ASCII值上加32即可。例如，'A'的ASCII值為65，'a'為97，等於65 + 32。

示例

在這個例子中，我們建立了字串並實現了上述演算法來將字串轉換為小寫。使用者可以看到輸出只包含小寫字串。

<html>
<head>
   <title>Convert string to lower case in JavaScript.</title>
</head>
<body>
   <h2>Convert string to lower case using <i> custom function </i>.</h2>
   <h4>converting "@ Hello UsER! @#%#! " to lower case.</h4>
   <div id = "output1"></div>
   <script>
      let output1 = document.getElementById("output1");
      text = "@ Hello UsER! @#%#! ";
      let lower = "";
      for (let char of text) {
         // getting ASCII value of character
         let value = char.charCodeAt();
         // check if character is in uppercase
         if (value >= 65 && value <= 90) {
            lower += String.fromCharCode(value + 32);
         } else {
            // if character is in lower case, orspecial character append it as it is.
            lower += char;
         }
      }
      output1.innerHTML = lower;
   </script>
</body>
</html>

在本教程中，我們學習瞭如何將字串轉換為小寫。我們可以使用內建方法toLowerCase()來實現我們的目標，但是如果您是新手，您也需要學習第二種方法，因為面試可能會要求您在不使用庫函式的情況下將字串轉換為小寫。

更新於：2022年8月8日

1K+ 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始
廣告