>_

camelCase 转 kebab-case

camelCase 常用于JavaScript / TypeScript / Java 的变量名,以及许多 Web API 的 JSON 字段;kebab-case 常用于URL、CSS 类名与属性、HTML 属性和命令行参数。在不同语言、数据库和接口之间传递数据时,经常需要在两者之间转换。

转换示例

camelCase kebab-case
backgroundColor background-color
fontSize font-size
userProfileCard user-profile-card
maxWidth max-width
onClick on-click

在线测试

camelCase 小驼峰
 
PascalCase 大驼峰
 
snake_case 下划线
 
CONSTANT_CASE 常量
 
kebab-case 短横线
 
Train-Case
 
dot.case 点分隔
 
path/case 路径
 
Title Case 标题
 
Sentence case 句首大写
 
lowercase 全小写
 
UPPERCASE 全大写
 

代码实现

JavaScript

const toKebab = (s) => s.replace(/([a-z\d])([A-Z])/g, '$1-$2').toLowerCase();

Python

import re

def to_kebab(s: str) -> str:
    return re.sub(r'([a-z\d])([A-Z])', r'\1-\2', s).lower()

更多常用示例

打开完整的命名风格转换 →