本文实例讲述了JS实现字符串转驼峰格式的方法。分享给大家供大家参考，具体如下：
实现效果如：border-bottom-color =>borderBottomColor
[b]传传统方法[/b]
分析：
1.转大写，需要用到字符串的toUpperCase()方法
2.去掉-，需要用到字符串方法split()，这样就转成数组了，但数组中的每一个元素依然是字符串，所以可以用循环的方法取到第一个后面的元素
3.取第一个后面的元素的第一个字符，需要用到字符串的charAt()方法
4.第一个字符后面的字符，可以通过字符串截取方法substring()获得，这时把两个拼接再赋回给原数组。即完成了转换
5.用join()方法把数组的逗号去掉，拼接成字符串
var str="border-bottom-color";
function tf(){
var arr=str.split("-");
for(var i=1;i<arr.length;i++){
arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1);
}
return arr.join("");
};
tf(str);
[b]正则的方法[/b]
分析：
1.正则为-字符，即var re=/-\w/g;匹配到-字符
2.用正则的replace()方法替换这个规范为去掉-以及字符大写，通过回调函数第一个参数直接转大写
var str="border-bottom-color";
function tf(){
var re=/-(\w)/g;
str=str.replace(re,function($0,$1){
return $1.toUpperCase();
});
alert(str)
};
tf(str);
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/278.htm]JavaScript数组操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/148.htm]JavaScript排序算法总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/472.htm]JavaScript查找算法技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》
希望本文所述对大家JavaScript程序设计有所帮助。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...