javascript:将字符串转换为驼峰格式的练习总结

今天没出太阳，感觉有点冷，有一种时刻准备下暴雨的感觉。

 

今天的题目是：将以下传入的字符串转为统一的字符串输出。

1.background-image //输出为 backgroundImage

2.-webkit-border-radius //输出为 webkitBorderRadius

 

做这道题的思路是：

通过题目我们可以知道，传入的参数有2种，它们的不同点是单词前的连字符‘-’；相同点是从第二个单词开始，每个单词的首字母大写。

 

所以我把字符串转换的过程分为3步：

1.将字符串分割成字符串数组，其中该方法的参数可以从字符串指定的位置开始分割，设置了参数的字符串会被替换为空字符串‘’。

2.判断数组中的第一个数组项是否是空字符串‘’，如果是，则删掉该数组项。

3.跳过第一个单词，找到第二个单词及之后的单词将它的首字母都转换为大写。

 

function convertToCamelCase(str){
    var array = str.split('-');
    if(array[0] == ''){
        array.splice(0, 1);
    }
    for(var i = 1; i < array.length; i++){    
        array[i] = array[i].substring(0, 1).toUpperCase() +         
        array[i].substring(1);
    }     
        var string = array.join('');
        return string;
}

var str1 = convertToCamelCase('background-image'); 
var str2 = convertToCamelCase('-webkit-border-radius');