css實現:css
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
注:正則表達式\b會把英文縮寫,譬如I'm拆分紅兩個部分,致使輸出爲I'M,因此不能使用\bsegmentfault
JS代碼二:api
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; } //結果://I'm Hello World
JS代碼三:this
String.prototype.firstUpperCase = function(){ let arr = this.split(' '); let result = ''; arr.forEach((val) => { result += val.charAt(0).toUpperCase() + val.slice(1) + ' '; }) return result; } //結果://I'm Hello World
JS代碼四:spa
String.prototype.firstUpperCase = function(){ let arr = this.split(' '); let result = ''; arr.forEach((val) => { result += `${val[0].toUpperCase()}${val.slice(1)} `; }) return result; } //結果://I'm Hello World
注:
\b
:匹配一個單詞邊界,也就是指單詞和空格間的位置。例如, 'erb' 能夠匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。\w
:匹配包括下劃線的任何單詞字符。等價於'[A-Za-z0-9_]'。*
:匹配前面的子表達式零次或屢次。例如,zo 能匹配 "z" 以及 "zoo"。 等價於{0,}。\s
:匹配任何空白字符,包括空格、製表符、換頁符等等。等價於 [ fnrtv]。\S
:匹配任何非空白字符。等價於 [^ \f\n\r\t\v]。prototype
問題參考地址:JavaScript字符串單詞首字母大寫的實現方式rest