如何使用 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() 方法的工作原理。

更新于：2022年8月8日

2K+ 次浏览

启动您的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.