写一个将字符串转成驼峰命名的方法

Posted 2020-08-12 超人会飞555

实现一个方法将一个字符串转为驼峰命名法。例如border-bottom-color转为borderBottomColor

所用方法：toUpperCase()方法。

第一种思路：将字符串使用split方法以-分割，然后把第一项之后的每一个的首字母转换为大写。

var str="border-bottom-color";
function stringToCamel(str){
      var temp=str.split("-");
      for(var i=1;i<temp.length;i++){
           temp[i]=temp[i][0].toUpperCase()+temp[i].slice(1);
       }
        return temp.join("");
    }

第二种使用正则表达式，正则表达式子项，以及replace方法

function stringToCamelCase(str){
        var reg=/-(\w)/g;//子项()表示子项

        return str.replace(reg,function($0,$1){//$0代表正则整体，replace（）方法中的第二个参数若是回调函数，那么这个回调函数中的参数就是匹配成功后的结果
            //若回调函数中有多个参数时，第一个参数代表整个正则匹配结果，第二个参数代表第一个子项
            alert($0);//-b
            alert($1);//b
            return $1.toUpperCase();
        });
    }