例如:border-bottom-color -> borderBottomColor
一个前端论坛出现的一题,写出自己理解的一个笨拙的方法
理解词汇
1.charAt 返回指定位置的字符
2.substring 用于提取字符串中介于两个指定下标之间的字符
代码
方法一
var border="border-bottom-color";
var oSplit=border.split('-');//转化为数组处理
for(var i in oSplit){//遍历每一个数组
var first = oSplit[i].charAt(0).toUpperCase();将每个数组的首个字母变成大写;
//或者用正则方法筛选var zz =oSplit[i].match.(/\w/g)[0].toUpperCase()
if(i>0){//选择要求从第二个开始字母大写
oSplit[i]=first+oSplit[i].substring(1);//除了第一个字符外的所有字符,拼接字符选择
console.log(oSplit[i]);
}
}
var str = oSplit.join('');//转化为字符串
console.log(str);
方法二
var border="border-bottom-color";
var m ="border-bottom-color".replace(/\-(\w)/g, function(w){return w.slice(1).toUpperCase()});
console.log(m);