将字符串转换为驼峰格式

题目描述

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

//第一种方法
function cssStyle2DomStyle(sName) {
    var str = sName.split("-");
     //console.log(str);
    var result = "";
    var one = "";
    var i;
     if(str[0] == ""){
        for( i =2 ; i<str.length ; i++){
            one = "";
        one += str[i].charAt(0);
            result += (one.toLocaleUpperCase()+str[i].slice(1));//slice(index):取index位置的字符直到结束
            //console.log(result);
        }
            result = str[1] + result;
    }
    else {
        for( i =1 ; i<str.length ; i++){
           one = "";
           one += str[i].charAt(0);
           result += (one.toLocaleUpperCase()+str[i].slice(1));//slice(index):取index位置的字符直到结束
         }
        result = str[0] + result;
    }
    return result;
}        
//第二种方法（参考别人的代码）
function cssStyle2DomStyle(sName) {
    /*
    (?!^) : 反向引用, 字符串开头除外的意思
    - : 为转义字符 ，含有-字符
    （w）: 元字符用于查找非单词字符。单词字符包括：a-z、A-Z、0-9，以及下划线
    (w): 含有一个或多个的字母字符
    ^- ：^为开头字符，以-开头的字符串
    */
    return sName.replace(/(?!^)-(w)(w+)/g , function(a,b,c){
                         return b.toUpperCase() + c.toLowerCase();
                         }).replace(/^-/,'');
}            

来源：牛客网