前端面试题:驼峰命名法和短横线命名法的相互转换(map方法)

本文介绍了如何进行驼峰命名法到短横线命名法,以及短横线命名法到驼峰命名法的转换。重点讲解了map方法在转换过程中的应用,以及涉及到的字符串操作方法,如toUpperCase、toLowerCase、split、join和charAt等。
摘要由CSDN通过智能技术生成

一、驼峰命名法 →短横线命名法

myApp  →  my-app 

function getKebabCase(str) {
        //将字符串分割成字符串数组
        var arr = str.split('');
        str = arr.map((item) => {
            //toUpperCase()将item转换成大写,不改变原来的item
            if(item.toUpperCase() === item){
                return '-'+item.toLowerCase();
            }else{
                return item;
            }
        }).join('');
        return str;
    }

    var newStr = getKebabCase('myApp');
    console.log(newStr);

 补充知识:

str.toUpperCase():把字符串转换为大写,返回一个新的字符串,不改变原字符串str。

str.toLowerCase():把字符串转换为小写,返回一个新的字符串,不改变原字符串str。

str.split(separator,howmany):把一个字符串以separator为分隔符,分割成字符串数组,返回howmany个。

str.map(fn

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值