建站
咨詢
售后
建站咨詢
新聞中心
本篇內(nèi)容主要講解“JS怎么實現(xiàn)字符串首字母都大寫”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“JS怎么實現(xiàn)字符串首字母都大寫”吧!
創(chuàng)新互聯(lián)專注網(wǎng)站設(shè)計,以設(shè)計驅(qū)動企業(yè)價值的持續(xù)增長,網(wǎng)站，看似簡單卻每一個企業(yè)都需要——設(shè)計，看似簡潔卻是每一位設(shè)計師的心血 十年來，我們只專注做網(wǎng)站。認(rèn)真對待每一個客戶，我們不用口頭的語言來吹擂我們的優(yōu)秀，千余家的成功案例見證著我們的成長。
1、For循環(huán)
var a = ‘Hi, my name\‘s Han Meimei, a SOFTWARE engineer‘;
//for循環(huán)
function titleCase(s) {
var i, ss = s.toLowerCase().split(/\s+/);
for (i = 0; i < ss.length; i++) {
ss[i] = ss[i].slice(0, 1).toUpperCase() + ss[i].slice(1);
}
return ss.join(‘ ‘);
}
console.log(titleCase(a));
2、For循環(huán)+replace
//for循環(huán)+replace
function titleCase1(str) {
//將字符串分解為數(shù)組并將其小寫化
var convertToArray = str.toLowerCase().split(" ");
for (var i = 0; i < convertToArray.length; i++) {
var char = convertToArray[i].charAt(0);
//使用 replace()方法將數(shù)組中的每個首字母大寫化
convertToArray[i] = convertToArray[i].replace(char, function replace(char) {
return char.toUpperCase();
});
}
return convertToArray.join(" ");
}
console.log(titleCase1(a));
1與2寫法差別不大
3、正則+replace
//正則+replace
function titleCase2(s) {
return s.toLowerCase().replace(/\b([\w|‘]+)\b/g, function(word) {
//return word.slice(0, 1).toUpperCase() + word.slice(1);
return word.replace(word.charAt(0), word.charAt(0).toUpperCase());
});
}
console.log(titleCase2(a));
思路：用正則將字符串拆分為單詞數(shù)組，并對每個單詞進(jìn)行首字母大寫處理。這里簡單的把字母、數(shù)字、下劃線和單撇號都視為了單詞成員。
4、數(shù)組+map
//數(shù)組+map
function titleCase3(s) {
return s.toLowerCase().split(/\s+/).map(function(item, index) {
return item.slice(0, 1).toUpperCase() + item.slice(1);
}).join(‘ ‘);
}
console.log(titleCase3(a));
思路：根據(jù)空白將字符串拆分為數(shù)組，對每個單詞進(jìn)行首字母大寫處理，并將所有處理后的結(jié)果組成一個新數(shù)組然后拼接成字符串。
5、數(shù)組+reduce
//數(shù)組+reduce
function titleCase4(s) {
return s.toLowerCase().split(/\s+/).reduce(function(prev, item, array, array) {
return prev + (prev.trim() && ‘ ‘) + item.slice(0, 1).toUpperCase() + item.slice(1);
}, ‘‘);
}
console.log(titleCase4(a));
思路：根據(jù)空白將字符串拆分為數(shù)組，對每個單詞進(jìn)行首字母大寫處理，并將所有處理后的結(jié)果連成一個新字符串。
6、ES6寫法
//ES6寫法
function titleCase5(str) {
return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
}
console.log(titleCase5(a));
思路：用正則將每個單詞的首字母替換成大寫。
到此，相信大家對“JS怎么實現(xiàn)字符串首字母都大寫”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
名稱欄目：JS怎么實現(xiàn)字符串首字母都大寫
網(wǎng)頁網(wǎng)址：http://www.ef60e0e.cn/article/gdecos.html
