在主机区域设置中，如何使用 JavaScript 将字符串转换为大写字母？

在本教程中，我们将学习如何在 JavaScript 中根据主机的区域设置将字符串转换为大写字母。

在使用区域语言编写网站内容时，我们可能需要将句子从小写转换为大写，而无需更改字符串的结构。

使用 toLocaleUpperCase() 方法

在 JavaScript 中，我们使用toUpperCase() 方法和toLocaleUpperCase() 方法将字符串的字母更改为大写。尽管这两种方法都给出类似的输出，但toLocaleUpperCase() 主要用于本地语言。

语法

我们将使用以下语法将整个字符串的字母转换为大写字母。

wordString.toLocaleUpperCase();

这里wordString 是要将其字母转换为大写的字符串。

算法

步骤 1 在 JavaScript 中创建一个字符串和一个包含类似单词的数组。

步骤 2 使用 .toLocaleUpperCase() 检查数组和字符串的字母是否可以更改为大写。

步骤 3 创建 HTML 元素，并使用 document.getElementById() 方法获取字符串和数组的输出。

示例

在下面的示例中，我们创建了一个字符串和一个数组，并使用了 toLocaleUpperCase() 方法来检查字母是否可以更改为大写。

字符串的字母已更改为大写。但是，此方法不适用于数组，我们无法使用 toLocaleUpperCase() 将数组的字母更改为大写。

<html>
<body>
   <div id=upperString> </div>
   <script>
      let wordString = "JavaScript String";
      document.getElementById('upperString').innerHTML = wordString.toLocaleUpperCase();
   </script>
</body>
</html>

指定区域设置以在 JavaScript 中使用toLocaleUpperCase()

在 JavaScript 中，如果我们不指定任何区域语言，toLocaleUpperCase() 方法将使用默认区域设置将字母更改为大写。

语法

我们将使用以下语法来指定区域语言并将字符串的字母更改为大写。

let locale = 'es'; 
let spanish = ""; 
upper.innerHTML = spanish.toLocaleUpperCase(locale);

示例

在下面的示例中，我们创建了两种不同语言的两个字符串。我们为第一个字符串在 .toLocaleUpperCase() 方法中指定了区域语言。

在第二个字符串中，我们为区域语言创建了一个变量，并在方法中提到了该变量。

<html>
<body>
   <h2> Specifying the locale to use <i> .toLocaleUpperCase() </i> in JavaScript </h2>
   <div id=upper> </div>
   <div id=upperString> </div>
   <script>
      let frString = "Ceci est une chaîne.";
      document.getElementById('upperString').innerHTML = frString.toLocaleUpperCase('fr-FR');
      let locale = 'es';
      let spanish = "Esta oración está en mayúsculas.";
      document.getElementById('upper').innerHTML = spanish.toLocaleUpperCase(locale);
   </script>
</body>
</html>

尽管我们可以不指定区域语言来使用该方法，但如果区域语言不太常用，则可能会出现错误。

在本教程中，我们讨论了使用 toLocaleUpperCase() 方法将 JavaScript 中的字符串转换为大写字母。我们还看到了使用和不使用指定区域设置的不同示例。

更新于：2022年11月15日

225 次浏览

启动您的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.