欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫功能

 更新時(shí)間：2019年09月03日 08:18:19   作者：風(fēng)雨后見彩虹  
這篇文章主要介紹了JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

css實(shí)現(xiàn)：

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

注：正則表達(dá)式\b會(huì)把英文縮寫，譬如I'm拆分成兩個(gè)部分，導(dǎo)致輸出為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;
}
//結(jié)果：//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;
}
//結(jié)果：//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;
}
//結(jié)果：//I'm Hello World

注：

\b：匹配一個(gè)單詞邊界，也就是指單詞和空格間的位置。例如， 'erb' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
\w：匹配包括下劃線的任何單詞字符。等價(jià)于'[A-Za-z0-9_]'。
*：匹配前面的子表達(dá)式零次或多次。例如，zo 能匹配 "z" 以及 "zoo"。 等價(jià)于{0,}。
\s：匹配任何空白字符，包括空格、制表符、換頁(yè)符等等。等價(jià)于 [ fnrtv]。
\S：匹配任何非空白字符。等價(jià)于 [^ \f\n\r\t\v]。

總結(jié)

以上所述是小編給大家介紹的JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫功能,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

相關(guān)文章

最新評(píng)論