前端技能大挑战-1（驼峰命名）

题目描述

css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能
1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage

 

示例1

输入

'font-size'

输出

fontSize


这是我的：

function cssStyle2DomStyle(sName) {
    var arr = sName.split('-');
    for (var i in arr){
        console.log(arr[i])
        if(arr[0] != ''){
            if(i!=0){
                var first = arr[i].charAt(0).toUpperCase();
                arr[i] = first + arr[i].substring(1);
            }
        }else{
            if(i!=0 && i!=1){
                var first = arr[i].charAt(0).toUpperCase();
                arr[i] = first + arr[i].substring(1);
            }
        }
        
    }
    return arr.join('')；
}
cssStyle2DomStyle('-font-size')

　　

 

然而看了大牛的，瞬间服的五体投地

function cssStyle2DomStyle(sName) {
    return sName.replace(/\-[a-z]/g , function(a, b){
          return b == 0 ? a.replace('-','') : a.replace('-','').toUpperCase();
    });
}