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

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

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

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

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

1.駝峰轉(zhuǎn)連字符:

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

2.轉(zhuǎn)駝峰

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

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

相關(guān)文章

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

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

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

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

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

    跟我學(xué)習(xí)javascript的定時器

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

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

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

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

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

    JS延遲加載的幾種方式小結(jié)

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

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

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

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

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

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

    這篇文章主要介紹了js中hash和ico的關(guān)聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關(guān)系,具有一定參考借鑒價值,需要的朋友可以參考下
    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

最新評論