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