css實(shí)現(xiàn)：
text-transform:capitalize;
JS代碼一：
String.prototype.firstUpperCase = function(){ return this.replace(//b(/w)(/w*)/g,function($0,$1,$2){ return $1.toUpperCase() + $2.toLowerCase(); })}var result = "i'm hello world".firstUpperCase();;console.log(result); //I'M Hello World注：正則表達(dá)式/b會(huì)把英文縮寫(xiě)，譬如I'm拆分成兩個(gè)部分，導(dǎo)致輸出為I'M,所以不能使用/b
JS代碼二：
String.prototype.firstUpperCase = function(){ let arr = this.split(' '); let uppserCase = ([first,...rest]) => first.toUpperCase() + rest.join(''); let result = ''; arr.forEach((val) => { result += uppserCase(val) + ' '; }) return result;}//結(jié)果：//I'm Hello World JS代碼三：
String.prototype.firstUpperCase = function(){ let arr = this.split(' '); let result = ''; arr.forEach((val) => { result += val.charAt(0).toUpperCase() + val.slice(1) + ' '; }) return result;}//結(jié)果：//I'm Hello World JS代碼四：
String.prototype.firstUpperCase = function(){ let arr = this.split(' '); let result = ''; arr.forEach((val) => { result += `${val[0].toUpperCase()}${val.slice(1)} `; }) return result;}//結(jié)果：//I'm Hello World 注：
/b：匹配一個(gè)單詞邊界，也就是指單詞和空格間的位置。例如， 'erb' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
/w：匹配包括下劃線的任何單詞字符。等價(jià)于'[A-Za-z0-9_]'。
*：匹配前面的子表達(dá)式零次或多次。例如，zo 能匹配 "z" 以及 "zoo"。 等價(jià)于{0,}。
/s：匹配任何空白字符，包括空格、制表符、換頁(yè)符等等。等價(jià)于 [ fnrtv]。
/S：匹配任何非空白字符。等價(jià)于 [^ /f/n/r/t/v]。
總結(jié)
以上所述是小編給大家介紹的JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫(xiě)功能,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
