A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

css实现:
text-transform:capitalize;
JS代码一:
[url=][/url]
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[url=][/url]

注:正则表达式\b会把英文缩写,譬如I'm拆分成两个部分,导致输出为I'M,所以不能使用\b
JS代码二:
[url=][/url]
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 [url=][/url]

JS代码三:
[url=][/url]
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 [url=][/url]

JS代码四:
[url=][/url]
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 [url=][/url]

注:
\b:匹配一个单词边界,也就是指单词和空格间的位置。例如, 'erb' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。
\w:匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。
*:匹配前面的子表达式零次或多次。例如,zo 能匹配 "z" 以及 "zoo"。 等价于{0,}。
\s:匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。
\S:匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。

2 个回复

倒序浏览
有任何问题欢迎在评论区留言
回复 使用道具 举报
或者添加学姐微信
DKA-2018
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马