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

摘要：正则表达式b会把英文缩写，譬如m拆分成两个部分，导致输出为所以不能使用b ；b匹配一个单词边界，也就是指单词和空格间的位置；w：匹配包括下划线的任何单词字符；*：匹配前面的子表达式零次或多次

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\ \ \ \v]。

问题参考地址：JavaScript字符串单词首字母大写的实现方式

作者：风雨后见彩虹
github：https://github.com/hxlmqtily1314

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_5111