>_

kebab-case 转 camelCase

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

转换示例

kebab-case camelCase
background-color backgroundColor
font-size fontSize
user-profile-card userProfileCard
max-width maxWidth
data-test-id dataTestId

在线测试

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

代码实现

JavaScript

const toCamel = (s) => s.replace(/-([a-z\d])/g, (_, c) => c.toUpperCase());

Python

def to_camel(s: str) -> str:
    first, *rest = s.split('-')
    return first + ''.join(w.capitalize() for w in rest)

更多常用示例

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