JS实现字符串转驼峰格式的⽅法
本⽂实例讲述了JS实现字符串转驼峰格式的⽅法。分享给⼤家供⼤家参考,具体如下:
实现效果如:border-bottom-color =>borderBottomColor
传传统⽅法
分析:
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);
正则的⽅法
分析:
1.正则为-字符,即var re=/-\w/g;匹配到-字符
2.⽤正则的replace()⽅法替换这个规范为去掉-以及字符⼤写,通过回调函数第⼀个参数直接转⼤写
var str="border-bottom-color";
function tf(){
var re=/-(\w)/g;
place(re,function($0,$1){
js 正则替换
return $1.toUpperCase();
});
alert(str)
};
tf(str);
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。