卡卡網(wǎng)

有時(shí)你可能需要將字符串中所有單詞的首字母大寫(xiě)，JavaScript 中沒(méi)有內(nèi)置函數(shù)允許你將字符串中的所有單詞大寫(xiě)，但你可以使用不同的方法來(lái)實(shí)現(xiàn)它。具體來(lái)說(shuō)，你可以使用不同的 JavaScript 函數(shù)來(lái)實(shí)現(xiàn)所需的效果。

我們將通過(guò)兩個(gè)示例來(lái)討論如何做到這一點(diǎn)。

將所有單詞的首字母大寫(xiě)

在示例中，我們將構(gòu)建一個(gè)自定義 JavaScript 函數(shù)，它允許你將 JavaScript 中所有單詞的首字母大寫(xiě)。

讓我們快速看一下下面的例子。

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

實(shí)例中，我們制作了convertFirstLetterToUpperCase JavaScript 函數(shù)，它接受一個(gè)參數(shù)。你需要傳遞一個(gè)字符串作為convertFirstLetterToUpperCase JavaScript 函數(shù)的第一個(gè)參數(shù)，它會(huì)處理輸入字符串并通過(guò)將所有單詞的首字母大寫(xiě)來(lái)返回該字符串。

讓我們了解它是如何工作的。首先，我們使用toLowerCase JavaScript 字符串方法將輸入字符串轉(zhuǎn)換為小寫(xiě)字母。它確保生成的字符串是小寫(xiě)的。接下來(lái)，我們使用split JavaScript 字符串方法用空格分割字符串，結(jié)果，我們得到了一個(gè)字符串?dāng)?shù)組。

現(xiàn)在，我們只需要遍歷數(shù)組的所有元素并將每個(gè)元素的首字母大寫(xiě)即可。首先，我們使用charAt JavaScript 字符串方法來(lái)獲取第一個(gè)字符，然后我們使用toUpperCase JavaScript 字符串方法將其變?yōu)榇髮?xiě)。最后，我們使用substring JavaScript 字符串方法來(lái)獲取字符串的其余部分。通過(guò)連接這兩個(gè)字符串，它為我們提供了大寫(xiě)的字符串。

最后，我們使用join JavaScript 數(shù)組方法將數(shù)組的所有元素與空格連接起來(lái)，并返回字符串。這就是它如何將字符串中所有單詞的首字母大寫(xiě)。

使用 Map 方法將所有單詞的首字母大寫(xiě)

在上個(gè)示例中，我們討論了如何將字符串中所有單詞的首字母大寫(xiě)。

在本示例中，我們將使用map JavaScript 數(shù)組方法修改上述示例。

讓我們快速看一下下面的例子。

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是一個(gè)單行函數(shù)，可以讓你更輕松地完成它。該map方法，它允許我們以更簡(jiǎn)潔的語(yǔ)法遍歷數(shù)組元素。如果你注意到，此示例中我們使用slice JavaScript 數(shù)組方法而不是substring。

標(biāo)簽: map方法