如何使用 JavaScript 将字符串转换为大写?
本教程将教我们如何将字符串转换为大写。在许多政府网站中,用户在填写表格时都会看到字符会自动转换为大写以避免任何错误。之所以需要这样做,是因为 JavaScript 是一种区分大小写的语言,如果用户添加一些小写字符和一些大写字符,则可能会与数据库中存储的字符串不匹配。
为了从用户那里获取准确的数据,需要将字符串转换为大写。在这里,我们将学习将字符串转换为大写的不同方法。
使用 String toUpperCase() 方法
我们可以使用 String toUpperCase() 方法将所有字符串字符转换为大写。它是 JavaScript 内置字符串库方法,我们只能将其应用于字符串。如果用户想要对其他数据类型的变量应用 toUpperCase() 方法,则需要将其转换为字符串。
例如,要对日期字符串应用 toUpperCase() 方法,用户需要使用 toString() 方法将其转换为字符串。
语法
用户可以按照以下语法使用 toUpperCase() 方法转换小写字符串。
let text = "Welcome To The TutorialsPoint!"; let upper = text.toUpperCase(); // returns upper case string. let date = new Date().toString(); // convert date to string let result = date.toUpperCase();
示例
在下面的示例中,我们创建了 toUpperCase() 字符串方法来将字符串转换为大写。此外,我们还创建了数据对象并使用 toString() 方法将其转换为字符串。之后,我们还将日期字符串转换为大写字符串。
<html> <head> <title>Convert string to upper case in JavaScript.</title> </head> <body> <h2>Convert string to upper case using <i> toUpperCase() </i> method.</h2> <h4>converting "tutorialspoint" to upper case. </h4> <div id = "output1"></div> <h4> converting date object string to upper case.</h4> <div id = "output2"></div> <script> let output1 = document.getElementById("output1"); let output2 = document.getElementById("output2"); let text = "TutorialsPoint"; output1.innerHTML = text.toUpperCase(); let date = new Date(); let dateString = date.toString(); output2.innerHTML += "Normal Date string is " + dateString + ".<br/>"; output2.innerHTML += "Date in upper case is " + dateString.toUpperCase(); </script> </body> </html>
在上面的输出中,用户可以看到我们已经将日期字符串转换为大写,并且 toUpperCase() 方法不会影响特殊字符和数字。
创建自定义函数
使用 toUpperCase() 方法将字符串转换为大写是可以的,但如果您是新生或学生,则需要了解该方法的工作原理。面试官可能会问一些问题,例如如何创建一个函数将字符串从头开始转换为大写。以下是该问题的答案。
语法
用户可以按照以下语法将字符串转换为大写。
for (let char of string) { let value = char.charCodeAt(); if (value >= 97 && value <= 122) { upperCaseString += String.fromCharCode(value - 32); } else { upperCaseString += char; } }
用户可以按照以下算法实现上述语法。
算法
步骤 1 - 使用循环遍历每个字符串字符。
步骤 2 - 获取 ASCII 字符值;如果值介于 97 和 122 之间,则从 ASCII 值中减去 32 并生成一个新字符,该新字符将是当前字符的大写字符。
步骤 3 - 如果字符已经是大写或特殊字符,则将其原样附加到字符串中。
示例
我们已经将上述算法应用于字符串,使用自定义函数将其转换为大写。我们将大写字符串存储在名为 upper 的新字符串中,并将其呈现在输出中。
<html> <head> <title>Convert string to upper case in JavaScript.</title> </head> <body> <h2>Convert string to upper case by creating <i> custom </i> function.</h2> <h4>converting "@tutorialsPoint your welcome! @#%#! " to upper case.</h4> <div id = "output1"></div> <script> let output1 = document.getElementById("output1"); let string = "@tutorialsPoint your welcome! @#%#! "; let upper = ""; for (let character of string ) { // getting ASCII value of character let value = character.charCodeAt(); // check if character is in uppercase if (value >= 97&& value <= 122) { upper += String.fromCharCode(value - 32); } else { // if character is in already upper case, or special character append it as it is. upper += character; } } output1.innerHTML = upper; </script> </body> </html>
如果您正在开发应用程序,最好使用第一种方法,因为它只需一行代码即可实现,而第二种方法则需要 10 多行代码。第二种方法仅用于学习目的,以了解 toUpperCase() 方法的工作原理。