您的位置:首页 > Web前端 > JavaScript

js 将用连接符连接的英文字符串转换成驼峰命名的三种方法

2017-10-23 11:07 281 查看
在最近工作中有遇到将连接符连接的英文字符串转换成驼峰命名的需求

例如将register-box-body –> registerBoxBody 总结以下三种方法,最终使用方法三,因为简洁 哈哈

方法一:操作字符串数组

function camelCase(str){
var strArr=str.split('-');
for(var i=1;i<strArr.length;i++){
strArr[i]=strArr[i].charAt(0).toUpperCase()+strArr[i].substring(1);
}
return strArr.join('');
}


方法二:操作字符数组

function tranformStr2(str){
var strArr=str.split('');
for(var i=1;i<strArr.length;i++){
if(strArr[i]=='-'){
//删除'-'
strArr.splice(i,1);
//转大写
if(i<strArr.length){
strArr[i]=strArr[i].toUpperCase();
}
}
}
return strArr.join('');
}


方法三:利用正则表达式

function transformStr3(str){
var re=/-(\w)/g;
return str.replace(re,function ($0,$1){
return $1.toUpperCase();
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 函数