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

Anika Tabassum Era 2023年1月30日 2022年5月1日
  1. 用 JavaScript 中的 for 迴圈對一個字串進行標題處理
  2. 在 JavaScript 中使用 map 方法對一個字串進行標題處理
  3. 在 JavaScript 中使用 replace() 方法對字串進行標題標題處理
在 JavaScript 中將字串轉換為標題大小寫

在 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!"));

輸出:

用 for 迴圈標題案例一個字串

在 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?"));

輸出:

用 Map 方法對字串進行標題大小寫轉換

如你所見,在對映每個 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!"));

輸出:

使用 replace() 方法對字串進行標題大小寫.

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn GitHub Facebook

相關文章 - JavaScript String