首页 > 编程 > JavaScript > 正文

JS/CSS实现字符串单词首字母大写功能

2019-11-19 10:55:15
字体:
来源:转载
供稿:网友

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实现字符串单词首字母大写功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表