JS實現(xiàn)字符串轉駝峰格式的方法
本文實例講述了JS實現(xiàn)字符串轉駝峰格式的方法。分享給大家供大家參考,具體如下:
實現(xiàn)效果如:border-bottom-color =>borderBottomColor
傳傳統(tǒng)方法
分析:
1.轉大寫,需要用到字符串的toUpperCase()方法
2.去掉-,需要用到字符串方法split(),這樣就轉成數(shù)組了,但數(shù)組中的每一個元素依然是字符串,所以可以用循環(huán)的方法取到第一個后面的元素
3.取第一個后面的元素的第一個字符,需要用到字符串的charAt()方法
4.第一個字符后面的字符,可以通過字符串截取方法substring()獲得,這時把兩個拼接再賦回給原數(shù)組。即完成了轉換
5.用join()方法把數(shù)組的逗號去掉,拼接成字符串
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()方法替換這個規(guī)范為去掉-以及字符大寫,通過回調(diào)函數(shù)第一個參數(shù)直接轉大寫
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相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
- js寫一個字符串轉成駝峰的實例
- JavaScript中的連字符詳解
- js中的eval()函數(shù)把含有轉義字符的字符串轉換成Object對象的方法
- 將JSON字符串轉換成Map對象的方法
- Javascript將雙字節(jié)字符轉換成單字節(jié)字符并計算長度
- javascript時間戳和日期字符串相互轉換代碼(超簡單)
- JSON字符串轉換JSONObject和JSONArray的方法
- JS中對象與字符串的互相轉換詳解
- JSON的String字符串與Java的List列表對象的相互轉換
- JavaScript實現(xiàn)字符串與日期的互相轉換及日期的格式化
- js實現(xiàn)字符串和數(shù)組之間相互轉換操作
- 實例詳解JSON數(shù)據(jù)格式及json格式數(shù)據(jù)域字符串相互轉換
- JS實現(xiàn)的駝峰式和連字符式轉換功能分析
相關文章
webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,,需要的朋友可以參考下2024-01-01BootstrapTable與KnockoutJS相結合實現(xiàn)增刪改查功能【一】
KnockoutJS是一個JavaScript實現(xiàn)的MVVM框架。通過本文給大家介紹BootstrapTable與KnockoutJS相結合實現(xiàn)增刪改查功能【一】,感興趣的朋友一起學習吧2016-05-05JavaScript原始數(shù)據(jù)類型Symbol的用法詳解
Symbol是ES6中引入的一種新的基本數(shù)據(jù)類型,用于表示一個獨一無二的值。它是JavaScript中的第七種數(shù)據(jù)類型。本文將詳細講講Symbol的使用,需要的可以參考一下2022-11-11