如何使用 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.