zoukankan      html  css  js  c++  java
  • 小tips:JS/CSS实现字符串单词首字母大写

    css实现:

    text-transform:capitalize;

    JS代码一:

    String.prototype.firstUpperCase = function(){
            return this.replace(/(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

    注:正则表达式会把英文缩写,譬如I'm拆分成两个部分,导致输出为I'M,所以不能使用

    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 

    注:
    :匹配一个单词边界,也就是指单词和空格间的位置。例如, 'erb' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。
    w:匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。
    *:匹配前面的子表达式零次或多次。例如,zo 能匹配 "z" 以及 "zoo"。 等价于{0,}。
    s:匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。
    S:匹配任何非空白字符。等价于 [^ f v]。

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

  • 相关阅读:
    springmvc实现文件上传
    springmvc乱码及restful
    springmvc数据的处理
    springmvc跳转方式
    controller配置
    SpringMVC Annotation
    SpringMVC基本包
    第一章 面向对象软件工程与UML
    Oracle数据库之PL/SQL程序基础设计
    thinkphp5 给CSS JS 添加版本号
  • 原文地址:https://www.cnblogs.com/moqiutao/p/11449101.html
Copyright © 2011-2022 走看看