在 JavaScript 中將字串轉換為標題大小寫
Anika Tabassum Era
2023年1月30日
2022年5月1日
-
用 JavaScript 中的
for
迴圈對一個字串進行標題處理 -
在 JavaScript 中使用
map
方法對一個字串進行標題處理 -
在 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!"));
輸出:
.
Author: Anika Tabassum Era