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

2K+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告