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

JS實(shí)現(xiàn)字符串轉(zhuǎn)駝峰格式的方法

 更新時(shí)間：2016年12月16日 11:02:17   作者：鬼畜十三  
這篇文章主要介紹了JS實(shí)現(xiàn)字符串轉(zhuǎn)駝峰格式的方法,結(jié)合實(shí)例形式分析了傳統(tǒng)的字符串遍歷轉(zhuǎn)換及正則替換兩種操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)字符串轉(zhuǎn)駝峰格式的方法。分享給大家供大家參考，具體如下：

實(shí)現(xiàn)效果如：border-bottom-color =>borderBottomColor

傳傳統(tǒng)方法

分析：

1.轉(zhuǎn)大寫(xiě)，需要用到字符串的toUpperCase()方法

2.去掉-，需要用到字符串方法split()，這樣就轉(zhuǎn)成數(shù)組了，但數(shù)組中的每一個(gè)元素依然是字符串，所以可以用循環(huán)的方法取到第一個(gè)后面的元素

3.取第一個(gè)后面的元素的第一個(gè)字符，需要用到字符串的charAt()方法

4.第一個(gè)字符后面的字符，可以通過(guò)字符串截取方法substring()獲得，這時(shí)把兩個(gè)拼接再賦回給原數(shù)組。即完成了轉(zhuǎn)換

5.用join()方法把數(shù)組的逗號(hào)去掉，拼接成字符串

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()方法替換這個(gè)規(guī)范為去掉-以及字符大寫(xiě)，通過(guò)回調(diào)函數(shù)第一個(gè)參數(shù)直接轉(zhuǎn)大寫(xiě)

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);

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

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

相關(guān)文章

最新評(píng)論