JS驼峰转换

本文探讨了两种字符串转换方法:驼峰式到短横线连接的转换和短横线连接到驼峰式的转换。通过JavaScript实现,分别展示了如何将字符串'leta'从驼峰式变为'tuo-feng-one',以及将'so-beautiful-are-you'从短横线形式转回驼峰式'soBeautifulAreYou'。这两种转换在前端开发中常用于处理属性名和CSS类名。
摘要由CSDN通过智能技术生成

驼峰转为‘-’连接:

let a = 'tuoFengOne';
function change(str){
    let tuo = '';
    let arr = str.split('');
    let newArr = arr.map((ite,idx)=>{
        return ite.toUpperCase()===ite?ite='-'+ite.toLowerCase():ite
    })
    tuo = newArr.join('');
    return tuo;
}
console.log(change(a))
  • 思想:split转为数组,通过转大写是不是等于本身,来判断是否为大写字母,然后map操作数组中每一项数据,大写则改为小写并且‘-’连接,最后join连接成字符串

‘-’连接转为驼峰:

let b = `so-beautiful-are-you`;
const handler = (str) =>{
    let feng = ``;
    let arr = str.split(`-`);
    let newArr = arr.map((ele,idx)=>{
        return idx===0?ele:ele[0].toUpperCase()+ele.slice(1)
        // if(idx===0){
        //     return ele
        // }else{
        //     return ele[0].toUpperCase()+ele.slice(1)
        // }
    })
    feng=newArr.join(``);
    return feng;
}
console.log(handler(b))
  • 思想:split以‘-’分割成数组,除了第一个字母小写,后续每项的第一个字母大写,加上slice后续的字母,最后jion拼接
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值