如何使用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+ 次浏览

启动您的职业生涯

完成课程获得认证

开始
广告