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

JS實現(xiàn)的駝峰式和連字符式轉換功能分析

 更新時間:2016年12月21日 15:20:21   作者:trace332  
這篇文章主要介紹了JS實現(xiàn)的駝峰式和連字符式轉換功能,結合實例形式分析了JS實現(xiàn)字符串的駝峰式與連接符式轉換的實現(xiàn)技巧,涉及js字符串遍歷、轉換及正則表達式相關操作方法,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)的駝峰式和連字符式轉換功能。分享給大家供大家參考,具體如下:

在網(wǎng)上找的這段,比較喜歡

1.駝峰轉連字符:

var s = "fooStyleCss";
s = s.replace(/([A-Z])/g,"-$1").toLowerCase();
//利用正則進行替換,簡潔明了,很棒

2.轉駝峰

var s1 = "foo-style-css";
s1 = s1.replace(//-(/w)/g, function(all, letter){
 return letter.toUpperCase();
});

這段2看的不是很明白

于是自己寫一個,^_^,這個很容易懂吧,就是代碼多了點;

var s = "style-sheet-base";
var a = s.split("-");
var o = a[0];
for(var i=1;i<a.length;i++){
  o = o + a[i].slice(0,1).toUpperCase() + a[i].slice(1);
}

再寫一個,這次用正則:

var s1 = "style-sheet-base";
s1 = s1.replace(//-(/w)/g, function(x){return x.slice(1).toUpperCase();});

哈哈,有意思吧

PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:

JavaScript正則表達式在線測試工具:
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具:
http://tools.jb51.net/regex/create_reg

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數(shù)學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • javascript實現(xiàn) 在光標處插入指定內容

    javascript實現(xiàn) 在光標處插入指定內容

    javascript實現(xiàn) 在光標處插入指定內容...
    2007-05-05
  • Three.js如何用軌跡球插件(trackball)增加對模型的交互功能詳解

    Three.js如何用軌跡球插件(trackball)增加對模型的交互功能詳解

    這篇文章主要給大家介紹了關于Three.js如何用軌跡球插件,也就是trackball增加對模型的交互功能的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-09-09
  • 跟我學習javascript的定時器

    跟我學習javascript的定時器

    跟我學習javascript的定時器,告訴大家具體的使用方法,并向大家提出了一個消息要求,制作一個定時器,有沒有朋友感興趣,挑戰(zhàn)一下
    2015-11-11
  • Bootstrap table 服務器端分頁功能實現(xiàn)方法示例

    Bootstrap table 服務器端分頁功能實現(xiàn)方法示例

    這篇文章主要介紹了Bootstrap table 服務器端分頁功能實現(xiàn)方法,結合實例形式詳細分析了Bootstrap table 服務器端后臺交互與分頁功能相關操作技巧,需要的朋友可以參考下
    2020-06-06
  • JS畫圖(非VML)--兼容IE/FF

    JS畫圖(非VML)--兼容IE/FF

    JS畫圖(非VML)--兼容IE/FF...
    2006-12-12
  • JS延遲加載的幾種方式小結

    JS延遲加載的幾種方式小結

    JS延遲加載,也就是等頁面加載完成之后再加載 JavaScript 文件,JS延遲加載有助于提高頁面加載速度,本文小編給大家介紹了JS延遲加載的幾種方式小結,感興趣的小伙伴跟著小編一起來看看吧
    2024-08-08
  • select自定義小三角樣式代碼(實用總結)

    select自定義小三角樣式代碼(實用總結)

    這篇文章主要介紹了select自定義小三角樣式,通過css HTML js 代碼詳細展示了操作過程,自定義小三角樣式,也可以做出select文字居中的效果,需要的朋友可以參考下
    2017-08-08
  • JavaScript中常見的數(shù)據(jù)類型判斷方法小結

    JavaScript中常見的數(shù)據(jù)類型判斷方法小結

    在?JS?編程中,正確判斷數(shù)據(jù)類型是必備技能,也是面試常問的內,本文將探討四種常用的數(shù)據(jù)類型判斷方法,通過了解它們的特點和適用范圍,能夠更好地處理不同數(shù)據(jù)類型的情況,避免出現(xiàn)錯誤和提升代碼質量,需要的朋友可以參考下
    2023-06-06
  • js中hash和ico的關聯(lián)分析

    js中hash和ico的關聯(lián)分析

    這篇文章主要介紹了js中hash和ico的關聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關系,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • antd項目實現(xiàn)彩蛋效果的詳細代碼

    antd項目實現(xiàn)彩蛋效果的詳細代碼

    這篇文章主要介紹了antd項目如何實現(xiàn)彩蛋效果,首先在components目錄下創(chuàng)建Transform目錄,包括index.css、index.js,index.js是主要的邏輯代碼,下面對代碼進行分析,需要的朋友可以參考下
    2022-09-09

最新評論