JavaScript 中 'z'['toUpperCase']() 是如何工作的，以及為什麼它能工作？

在本教程中，我們將學習 ‘z’[‘toUpperCase’]() 在 JavaScript 中是如何工作的以及為什麼它能工作。從給定的格式可以看出，它會為字串 'z' 呼叫 toUpperCase() 方法。它的工作方式與我們以任何字串作為引用呼叫 toUpperCase() 方法相同。

讓我們瞭解一下下面 'z'['toUpperCase']() 的語法。

語法

let result = 'z'['toUpperCase'](); // returns 'Z', string in upper case

以上語法與以下相同。

示例

let string = 'z';
let result = string.toUpperCase();

為什麼 'z'['toUpperCase']() 能工作？

在 JavaScript 中，toUpperCase() 方法用於將字串的所有字元轉換為大寫。toUpperCase() 是 string.prototype() 類的方法。

在我們繼續本教程之前，讓我們先了解兩種使用物件訪問任何類屬性的方法。

使用物件訪問任何類屬性的第一種方法是點運算子，使用者可以在下面看到相應的語法。

let obj = new object();
obj.method();
obj.variable;

現在，使用者可以看到使用物件訪問類屬性的第二種方法。

let obj = new object();
obj[method]();
obj[variable];

在 'z'['toUpperCase'] 中，我們使用了第二種方法來訪問字串類方法。這裡，'z' 是字串，但當我們使用第二種語法時，它會轉換為物件。'toUpperCase' 是 String 類的函式，而 '()' 表示訪問的屬性是函式，並以物件作為引用來呼叫它。

讓我們透過以下示例來了解上面呼叫 toUpperCase() 函式的格式。

示例

在下面的示例中，我們訪問了 String 類的 toUpperCase() 函式，並將其應用於字串物件。我們在下面的示例中使用了不同的字串物件並將它們轉換為大寫。使用者可以看到不同值的輸出。

<html>
<body>
   <h2> How and why does 'z'['toUpperCase']() in JavaScript work? </h2>
   <h4> Used <i> 'z'['toUpperCase']() </i> for differnet string object values.</h4>
   <div id = "Output"> </div>
   <script>
      let Output = document.getElementById("Output");
      Output.innerHTML += "'z'['toUpperCase']() output is : " + 'Z'['toUpperCase']() + '<br/>';
      Output.innerHTML += "'ABCd34'['toUpperCase']() output is : " + 'ABCd34'['toUpperCase']() + '<br/>';
      Output.innerHTML += "'@#$Rts'['toUpperCase']() output is : " + '@#$Rts'['toUpperCase']() + '<br/>';
   </script>
</body>
</html>

在本教程中，我們學習了 'z'['toUpperCase']() 語法是如何工作的。它的工作方式與 string.toUpperCase() 函式相同。同樣地，使用者可以訪問其他類屬性，例如變數和函式。

更新於: 2022年8月22日

197 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告