JavaScript 中的 'z'['toUpperCase']() 如何以及为何起作用?

front end technologyjavascriptobject oriented programming

在本教程中,我们将了解 JavaScript 中 'z'['toUpperCase']() 如何以及为何起作用。从给定的格式来看,我们可以说它为'z'字符串调用了 toUpperCase() 方法。它的工作方式与 toUpperCase() 方法相同,我们通过将任何字符串作为引用来调用该方法。

让我们了解以下 'z'['toUpperCase']() 的语法。

语法

let result = 'z'['toUpperCase'](); // 返回 'Z',大写字符串

上述语法与以下语法相同。

示例

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() 方法相同。以同样的方式,用户可以访问其他类属性,例如变量和方法。


相关文章