【js】驼峰命名法和短横线命名法的转换_js将驼峰命名的字符串转换为短线命名的字符串-优快云博客

本文链接：https://blog.youkuaiyun.com/Ttian6/article/details/100986106

本文介绍了如何在JavaScript中进行驼峰命名法和短横线命名法的相互转换，包括使用数组方法和正则表达式两种实现方式。

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

一、将骆驼命名规则的字符串转换成使用短横线命名法的字符串

输入

userName

输出

user-name

方法1:采用数组的方法

function getKebabCase1(str){
    var arr=str.split('')
    str=arr.map(function(item){
        if(item.toUpperCase()===item){
            return '-'+item.toLowerCase();
        }else{
            return item;
        }
    })
    return str.join( '' )
}
console.log(getKebabCase1('userName')) //user-name

方法2:采用正则表达式

function getKebabCase2(str){
    return str.replace(/[A-Z]/g, function(item) {
        return '-'+item.toLowerCase()
    })
}
console.log( getKebabCase2( 'userName' ) ) //user-name

二、将短横线命名法的字符串转换成使用骆驼命名规则的字符串

输入

user-name

输出

userName

方法1:采用数组的方法

function getCamelCase1(str) {
    var arr=str.split('-')
    return arr.map(function(item,index){
        if(index===0){
            return item
        }else{
            return item[0].toUpperCase()+item.slice(1)
        }
    }).join('')
}
console.log( getCamelCase1( 'user-name' ) ); //userName

方法2:采用正则表达式

function getCamelCase2(str) {
    return str.replace(/-([a-z])/g,function(keb,item){
        return item.toUpperCase();
    } )
}
console.log( getCamelCase2( 'user-name' ) ); //userName