javascript:將字符串轉換爲駝峯格式的練習總結

今天沒出太陽，感受有點冷，有一種時刻準備下暴雨的感受。

 

今天的題目是：將如下傳入的字符串轉爲統一的字符串輸出。

1.background-image //輸出爲 backgroundImage

2.-webkit-border-radius //輸出爲 webkitBorderRadius

 

作這道題的思路是：

經過題目咱們能夠知道，傳入的參數有2種，它們的不一樣點是單詞前的連字符‘-’；相同點是從第二個單詞開始，每一個單詞的首字母大寫。

 

因此我把字符串轉換的過程分爲3步：

1.將字符串分割成字符串數組，其中該方法的參數能夠從字符串指定的位置開始分割，設置了參數的字符串會被替換爲空字符串‘’。

2.判斷數組中的第一個數組項是不是空字符串‘’，若是是，則刪掉該數組項。

3.跳過第一個單詞，找到第二個單詞及以後的單詞將它的首字母都轉換爲大寫。

 

 1 function convertToCamelCase(str){
 2     var array = str.split('-');
 3     if(array[0] == ''){
 4         array.splice(0, 1);
 5     }
 6     for(var i = 1; i < array.length; i++){    
 7         array[i] = array[i].substring(0, 1).toUpperCase() +         
 8         array[i].substring(1);
 9     }     
10         var string = array.join('');
11         return string;
12 }
13 
14 var str1 = convertToCamelCase('background-image'); 
15 var str2 = convertToCamelCase('-webkit-border-radius');