【js】驼峰命名法和短横线命名法的转换

Lavender.

于 2019-09-18 16:14:34 发布

阅读量3.7k

点赞数 4

分类专栏：前端编程题

本文链接：https://blog.csdn.net/Ttian6/article/details/100986106

版权

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

摘要由CSDN通过智能技术生成

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

输入

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