在 JavaScript 中將字串轉換為標題大小寫

1. 用 JavaScript 中的 for 迴圈對一個字串進行標題處理
2. 在 JavaScript 中使用 map 方法對一個字串進行標題處理
3. 在 JavaScript 中使用 replace() 方法對字串進行標題標題處理

在 JavaScript 中有 toLowerCase()、toUpperCase() 和 capitalize() 屬性來與字串互動。但是沒有明確的屬性可以將句子或字串轉換為標題大小寫。

因此，在下面的示例中，我們將看到如何快速有效地完成任務。在這裡，我們將討論將字串轉換為標題大小寫的 3 種方法。

在第一種情況下，我們將用空格分割字串單詞，然後啟動一個迴圈工作來抓取每個要轉換的單詞。以下示例將使用 map 執行。

我們還將在我們的地圖中使用 replace 方法。

用 JavaScript 中的 for 迴圈對一個字串進行標題處理

在處理每個字串單詞之前，我們必須逐字執行轉換。在這種情況下，我們將通過空格使用 split() 方法，單詞將被收集為一個陣列。

此外，在此之前，我們將使用 toLowerCase() 屬性將所有字元轉換為通用格式。

在下一步中，我們將考慮每個陣列元素的一個單詞來對初始字元進行 toUpperCase 操作，並對後面的字元進行切片。

因此將完全轉換字串，最後，我們將加入它們並將它們列印為單個字串。

程式碼片段：

function titleCase(str) {
  str = str.toLowerCase().split(' ');
  for (var i = 0; i < str.length; i++) {
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
  }
  return str.join(' ');
}
console.log(titleCase('hello pumpkin pumpkin you my hello honey bunny!'));

輸出：

在 JavaScript 中使用 map 方法對一個字串進行標題處理

我們的例項將從字串中獲取每個陣列元素並在此處執行轉換操作。

與前面的示例類似，我們將選擇要轉換為大寫的初始字元並對其餘部分進行分割。

程式碼片段：

function titleCase(str) {
  return str.toLowerCase()
      .split(' ')
      .map(function(word) {
        return (word.charAt(0).toUpperCase() + word.slice(1));
      })
      .join(' ');
}
console.log(titleCase('you gone MAD?'));

輸出：

如你所見，在對映每個 word 後，我們使用 charAt() 定位第一個字母，並將該單詞與以下字元合並。

在 JavaScript 中使用 replace() 方法對字串進行標題標題處理

在這種情況下，我們將定位每個單詞的首字母並將它們轉換為大寫。在轉換時，我們將使用 replace() 方法並將更改後的字元設定為原始位置。

程式碼片段：

function titleCase(str) {
  return str.toLowerCase()
      .split(' ')
      .map(function(word) {
        return word.replace(word[0], word[0].toUpperCase());
      })
      .join(' ');
}
console.log(titleCase('i\'m just appreciating hoho!'));

輸出：

.