设为首页 加入收藏

TOP

小tips:JS/CSS实现字符串单词首字母大写
2019-09-17 15:21:17 】 浏览:12
Tags:tips JS/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]。

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

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇js的事件委托 下一篇Vue 常用指令

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目