JS/CSS实现字符串单词首字母大写功能
2019-09-03 08:18
991 查看
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实现字符串单词首字母大写功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- 正则匹配密码只能是数字和字母组合字符串功能【php与js实现】
- 将字符串中各单词首字母转化成大写,使用回调函数实现[函数指针]
- php实现字符串首字母大写和单词首字母大写的方法
- mysql 实现split函数功能,实现把由空格分割的词组每个单词的首字母转换成大写的功能
- php实现字符串首字母大写和单词首字母大写的方法
- JS实现生成由字母与数字组合的随机字符串功能详解
- js将字符串中的每一个单词的首字母变为大写其余均为小写
- html+css+js实现xp window界面及有关功能
- 字符串单词首字母大写
- Python3基础 str title 把字符串中的每个单词首写字母变为大写其余均为小写
- html+css+js实现xp window界面及有关功能
- JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
- 字符串、单词首字母转化为大写
- codewars解题笔记 —— 将字符串转驼峰,单词首字母大写
- 【字符串操作】08.将单词的首字母大写
- JS+CSS实现选项卡功能
- CSS+JS实现的div层定位功能和自动消失
- js 字符串首字母大写
- JS中将字符串中每个单词的首字母大写化
- JavaScript实现-句中单词首字母大写-Title Case a Sentence