如何使用 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+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.