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 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.