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 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告