如何使用 JavaScript 将字符串转换为小写?
本教程将教我们如何将字符串转换为小写。程序员可以问自己为什么需要将字符串转换为小写?让我们使用单个示例来理解答案。
假设您正在开发应用程序，需要使用表单或任何一种方式从用户那里获取输入。用户可以输入大写、小写或两者混合的文本。此外，您已经在数据库中以小写形式存储了一些值，您需要将它们与用户输入进行匹配。如果您匹配输入的字符串而不将其转换为小写，它将返回错误结果，因为 JavaScript 是区分大小写的语言。
使用字符串 toLowerCase() 方法
创建自定义函数
使用字符串 toLowerCase() 方法
toLowerCase() 方法是 JavaScript 中的内置库方法。我们可以将它用于字符串类型变量，它将所有字母值转换为小写，并且不会影响特殊字符。
语法
用户可以按照以下语法使用 toLowerCase() 方法转换小写字符串。
let text = "Hello world!"; let lower = text.toLowerCase(); // 返回小写字符串。
示例
在下面的示例中，我们创建了两个字符串。一个是仅包含字母值的普通字符串，另一个字符串包含带有字母的特殊字符。我们对这两个字符串都应用了 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 - 要将大写字符转换为小写字符，只需将 32 添加到大写字符的 ASCII 值中。例如，"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>
在本教程中，我们学习了如何将字符串转换为小写。我们可以使用内置方法 toLowerCasse() 来实现我们的目标，但如果您是新手，您还需要采用第二种方法，因为面试可能会要求您在不使用库函数的情况下将字符串转换为小写。
