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

这篇“JS/CSS如何实现字符串单词首字母大写功能”除了程序员外大部分人都不太理解，今天小编为了让大家更加理解“JS/CSS如何实现字符串单词首字母大写功能”，给大家总结了以下内容，具有一定借鉴价值，内容详细步骤清晰，细节处理妥当，希望大家通过这篇文章有所收获，下面让我们一起来看看具体内容吧。

创新互联公司-专业网站定制、快速模板网站建设、高性价比太康网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式太康网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖太康地区。费用合理售后完善，十余年实体公司更值得信赖。

css是什么意思

css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，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如何实现字符串单词首字母大写功能”这一关键问题有了一定的理解，具体使用情况还需要大家自己动手实验使用过才能领会，快去试试吧，如果想阅读更多相关知识点的文章，欢迎关注创新互联行业资讯频道！

当前文章：JS/CSS如何实现字符串单词首字母大写功能
本文网址：http://mswzjz.cn/article/ipsosg.html