如何使用 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' 的 ASCII 值為 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>

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

更新於: 2022年8月8日

1K+ 閱讀量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.