这篇文章主要介绍了JS/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,所以不能使用\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; } //结果：//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; } //结果：//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; } //结果：//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]。
总结
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
以上就是JS/CSS实现字符串单词首字母大写功能的详细内容，更多请关注0133技术站其它相关文章！
