本文實例講述了JS實現字符串轉駝峰格式的方法。分享給大家供大家參考,具體如下:
實現效果如:border-bottom-color =>borderBottomColor
傳傳統方法
分析:
1.轉大寫,需要用到字符串的toUpperCase()方法
2.去掉-,需要用到字符串方法split(),這樣就轉成數組了,但數組中的每一個元素依然是字符串,所以可以用循環的方法取到第一個後面的元素
3.取第一個後面的元素的第一個字符,需要用到字符串的charAt()方法
4.第一個字符後面的字符,可以通過字符串截取方法substring()獲得,這時把兩個拼接再賦回給原數組。即完成了轉換
5.用join()方法把數組的逗號去掉,拼接成字符串
var str="border-bottom-color"; function tf(){ var arr=str.split("-"); for(var i=1;i<arr.length;i++){ arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1); } return arr.join(""); }; tf(str);
正則的方法
分析:
1.正則為-字符,即var re=/-\w/g;匹配到-字符
2.用正則的replace()方法替換這個規范為去掉-以及字符大寫,通過回調函數第一個參數直接轉大寫
var str="border-bottom-color"; function tf(){ var re=/-(\w)/g; str=str.replace(re,function($0,$1){ return $1.toUpperCase(); }); alert(str) }; tf(str);
更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。