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

本文介绍三种将连接符连接的英文字符串转换为驼峰命名的方法,并对比了它们的实现方式,最终推荐使用正则表达式的简洁方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在最近工作中有遇到将连接符连接的英文字符串转换成驼峰命名的需求
例如将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();
    });
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值