JavaScript toUpperCase()

摘要：在本教程中，您将学习如何使用 JavaScript String.prototype.toUpperCase() 方法返回一个字符串，其中所有字符都转换为大写。

JavaScript toUpperCase() 方法介绍

toUpperCase() 方法返回一个新的字符串，其中所有字符都转换为大写。以下是 toUpperCase() 方法的语法

str.toUpperCase()Code language: CSS (css)

例如

const message = 'Hello';
const newMessage = message.toUpperCase();

console.log(newMessage);Code language: JavaScript (javascript)

输出

HELLO

需要注意的是，字符串是不可变的。因此，toUpperCase() 方法不会改变原始字符串。相反，它返回一个新的字符串，其中所有字符都转换为大写。

对 undefined 或 null 调用 toUpperCase 方法

如果您对 null 或 undefined 调用 toUpperCase() 方法，该方法将 抛出 TypeError 异常。例如，以下 getUserRanking() 函数在 id 大于零时返回一个字符串，否则返回 undefined

const getUserRanking = (id) => {
  if (id > 0) {
    return 'Standard';
  }
};Code language: JavaScript (javascript)

请注意，当您没有显式地从函数中返回一个值时，函数默认返回 undefined。

如果您对 getUserRanking() 函数结果调用 toUpperCase() 方法，当 id 为零或负数时，您将获得 TypeError

console.log(getUserRanking(-1).toUpperCase());Code language: CSS (css)

错误

TypeError: Cannot read properties of undefined (reading 'toUpperCase')Code language: JavaScript (javascript)

为了避免错误，您可以使用 可选链运算符 ?.，如下所示

console.log(getUserRanking(-1)?.toUpperCase());Code language: CSS (css)

输出

undefinedCode language: JavaScript (javascript)

将非字符串转换为字符串

如果您将 this 值设置为非字符串值，则 toUpperCase() 方法将把非字符串值转换为字符串。例如

const completed = true;
const result = String.prototype.toUpperCase.call(completed);

console.log(result);Code language: JavaScript (javascript)

输出

TRUECode language: PHP (php)

在本例中，completed 为 true，这是一个布尔值。当我们对 completed 变量调用 toUpperCase() 方法并将 toUpperCase() 的 this 设置为 completed 时，该方法将布尔值 true 转换为字符串 'TRUE'。

摘要

• 使用 toUpperCase() 方法返回一个字符串，其中所有字符都转换为大写。