JS/CSS实现字符串单词首字母大写功能
css实现：
text-transform:capitalize;
JS代码一：
String.prototype.firstUpperCase=function(){
returnthis.replace(/\b(\w)(\w*)/g,function($0,$1,$2){
return$1.toUpperCase()+$2.toLowerCase();
})
}
varresult="i'mhelloworld".firstUpperCase();;
console.log(result);//I'MHelloWorld
注：正则表达式\b会把英文缩写，譬如I'm拆分成两个部分，导致输出为I'M,所以不能使用\b
JS代码二：
String.prototype.firstUpperCase=function(){
letarr=this.split('');
letuppserCase=([first,...rest])=>first.toUpperCase()+rest.join('');
letresult='';
arr.forEach((val)=>{
result+=uppserCase(val)+'';
})
returnresult;
}
//结果：//I'mHelloWorld
JS代码三：
String.prototype.firstUpperCase=function(){
letarr=this.split('');
letresult='';
arr.forEach((val)=>{
result+=val.charAt(0).toUpperCase()+val.slice(1)+'';
})
returnresult;
}
//结果：//I'mHelloWorld
JS代码四：
String.prototype.firstUpperCase=function(){
letarr=this.split('');
letresult='';
arr.forEach((val)=>{
result+=`${val[0].toUpperCase()}${val.slice(1)}`;
})
returnresult;
}
//结果：//I'mHelloWorld
注：
\b：匹配一个单词边界，也就是指单词和空格间的位置。例如，'erb'可以匹配"never"中的'er'，但不能匹配"verb"中的'er'。
\w：匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。
*：匹配前面的子表达式零次或多次。例如，zo能匹配"z"以及"zoo"。等价于{0,}。
\s：匹配任何空白字符，包括空格、制表符、换页符等等。等价于[fnrtv]。
\S：匹配任何非空白字符。等价于[^\f\n\r\t\v]。
总结
以上所述是小编给大家介绍的JS/CSS实现字符串单词首字母大写功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！