kebab-case 转 camelCase 转换器 — 免费在线

即时把kebab-case转换为camelCase：粘贴变量名、函数名或列名并复制结果，附示例。

Converter

camelCase、snake_case、kebab-case 及其间所有样式

在 17 种命名规范之间转换标识符或短语

—

结果仅供参考，可能包含错误。请自行核实重要信息。使用本工具风险自负。

如何把kebab-case转换为camelCase

即时把kebab-case命名转换为camelCase。输入或粘贴变量名、函数名或列名，输入时即可看到camelCase的写法。

  1. 在上方输入框中输入或粘贴一个kebab-case名称，例如 main-nav-item。
  2. camelCase写法立即显示：main-nav-item 变为 mainNavItem。
  3. 复制结果，或在源和目标中从 17 种命名风格里选择。

转换原理

转换器先把名称拆成单词：在每个大写字母、下划线、连字符、句点和空格处断开。然后按camelCase重新书写：第一个单词小写，后面每个单词首字母大写，没有分隔符。像 HTTP 这样连续的大写字母会作为一个单词保留，数字则跟随它前面的单词。

kebab-case转camelCase示例

kebab-casecamelCase
main-nav-itemmainNavItem
font-sizefontSize
background-colorbackgroundColor
is-openisOpen
data-test-iddataTestId
aria-labelariaLabel

什么是kebab-case和camelCase

kebab-case 把所有单词写成小写并用连字符连接，常用于 URL、CSS 类名、HTML 属性和文件名。

camelCase 第一个单词小写，后面每个单词首字母大写，中间没有分隔符。它是 JavaScript、Java、C# 和 Swift 中变量和函数命名的标准。

常见问题

HTTP、ID 这类缩写会怎样处理？

连续的大写字母被当作一个单词，所以 parseHTTPResponse 在 snake_case 中会变成 parse_http_response。

这会改变代码的含义吗？

不会，只是改写名称。记得在所有用到这个名称的地方一起修改，否则代码会去找旧名称。

应该用哪种风格？

遵循你所用语言或项目的约定：JavaScript 和 Java 用 camelCase，Python、Ruby 和 SQL 用 snake_case，URL 和 CSS 用 kebab-case。

这个工具免费吗？

是的，完全免费。无需注册或电子邮箱。结果直接显示在本页。

如何获取结果？

在此页面使用工具即可查看结果，无需通过电子邮件接收。