JavaScript 示例:两种方法将所有单词的首字母大写

有时你可能需要将字符串中所有单词的首字母大写,JavaScript 中没有内置函数允许你将字符串中的所有单词大写,但你可以使用不同的方法来实现它。具体来说,你可以使用不同的 JavaScript 函数来实现所需的效果。

 

我们将通过两个示例来讨论如何做到这一点。

将所有单词的首字母大写

在示例中,我们将构建一个自定义 JavaScript 函数,它允许你将 JavaScript 中所有单词的首字母大写。

让我们快速看一下下面的例子。

JS代码:

const output=(string)=>document.body.innerHTML+=`${string}<br/>`;

function convertFirstLetterToUpperCase(str) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
       splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
   }
  
   return splitStr.join(' '); 
}

output(convertFirstLetterToUpperCase("let's make it capitAL"));

输出:

Let’s Make It Capital

execcodegetcode

实例中,我们制作了convertFirstLetterToUpperCase JavaScript 函数,它接受一个参数。你需要传递一个字符串作为convertFirstLetterToUpperCase JavaScript 函数的第一个参数,它会处理输入字符串并通过将所有单词的首字母大写来返回该字符串。

让我们了解它是如何工作的。首先,我们使用toLowerCase JavaScript 字符串方法将输入字符串转换为小写字母。它确保生成的字符串是小写的。接下来,我们使用split JavaScript 字符串方法用空格分割字符串,结果,我们得到了一个字符串数组。

现在,我们只需要遍历数组的所有元素并将每个元素的首字母大写即可。首先,我们使用charAt JavaScript 字符串方法来获取第一个字符,然后我们使用toUpperCase JavaScript 字符串方法将其变为大写。最后,我们使用substring JavaScript 字符串方法来获取字符串的其余部分。通过连接这两个字符串,它为我们提供了大写的字符串。

最后,我们使用join JavaScript 数组方法将数组的所有元素与空格连接起来,并返回字符串。这就是它如何将字符串中所有单词的首字母大写。

使用 Map 方法将所有单词的首字母大写

在上个示例中,我们讨论了如何将字符串中所有单词的首字母大写。

在本示例中,我们将使用map JavaScript 数组方法修改上述示例。

让我们快速看一下下面的例子。

JS代码:

const output=(string)=>document.body.innerHTML+=`${string}<br/>`;

function convertFirstLetterToUpperCase(str) {
   return str
    .toLowerCase()
    .split(' ')
    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
    .join(' ');
}
output(convertFirstLetterToUpperCase("that's how we make it uppercase"));

输出:

That’s How We Make It Uppercase

execcodegetcode

本示例看到,map是一个单行函数,可以让你更轻松地完成它。该map方法,它允许我们以更简洁的语法遍历数组元素。如果你注意到,此示例中我们使用slice JavaScript 数组方法而不是substring