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) 在光標處插入指定內容...
2007-05-05
Three.js如何用軌跡球插件（trackball）增加對模型的交互功能詳解
這篇文章主要給大家介紹了關于Three.js如何用軌跡球插件，也就是trackball增加對模型的交互功能的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-09-09
跟我學習javascript的定時器
跟我學習javascript的定時器，告訴大家具體的使用方法，并向大家提出了一個消息要求，制作一個定時器，有沒有朋友感興趣，挑戰(zhàn)一下
2015-11-11
Bootstrap table 服務器端分頁功能實現(xiàn)方法示例
這篇文章主要介紹了Bootstrap table 服務器端分頁功能實現(xiàn)方法,結合實例形式詳細分析了Bootstrap table 服務器端后臺交互與分頁功能相關操作技巧,需要的朋友可以參考下
2020-06-06
JS畫圖(非VML)--兼容IE/FF
JS畫圖(非VML)--兼容IE/FF...
2006-12-12
JS延遲加載的幾種方式小結
JS延遲加載,也就是等頁面加載完成之后再加載 JavaScript 文件,JS延遲加載有助于提高頁面加載速度,本文小編給大家介紹了JS延遲加載的幾種方式小結,感興趣的小伙伴跟著小編一起來看看吧
2024-08-08
select自定義小三角樣式代碼（實用總結）
這篇文章主要介紹了select自定義小三角樣式，通過css HTML js 代碼詳細展示了操作過程，自定義小三角樣式，也可以做出select文字居中的效果,需要的朋友可以參考下
2017-08-08
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)分析,以實例形式分析了location.hash與ico的加載順序關系,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
antd項目實現(xiàn)彩蛋效果的詳細代碼
這篇文章主要介紹了antd項目如何實現(xiàn)彩蛋效果,首先在components目錄下創(chuàng)建Transform目錄，包括index.css、index.js，index.js是主要的邏輯代碼，下面對代碼進行分析，需要的朋友可以參考下
2022-09-09