Case Converter

命名格式转换器

一次将任意字符串转换为 11 种命名规则 — camelCase、PascalCase、snake_case、kebab-case 等等。内置 JSON keys 批量模式，递归重写所有键名。全部在浏览器中运算。

命名格式转换器 — TL;DR

一次将任意字符串转换为 11 种命名规则 — camelCase、PascalCase、snake_case、kebab-case 等等。内置 JSON keys 批量模式，递归重写所有键名。全部在浏览器中运算。

都是把多个单词组成的标识符（或文件名、URL、CSS 类名）不用空格写出来的方式。camelCase 第一个单词小写，后面每个单词首字母大写（`userFirstName`），用于 JavaScript、Java、Swift。snake_case 全小写并用下划线连接（`user_first_name`），用于 Python、Ruby、SQL。kebab-case 用连字符（`user-first-name`），用于 CSS、HTML、URL slug、命令行参数。PascalCase 是 camelCase 但第一个字母也大写（`UserFirstName`），很多语言的类名 / 类型名都用这种。

切分器使用两条边界规则：小写接大写（`a` 后面接 `B` = 切开）和 大写串后接 Title（一连串大写后面接小写，在最后一个大写前切开）。所以 `XMLHttpRequest` 切成 `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`；`userIDToken` 切成 `[user, ID, Token]` → `user_id_token`。这与大多数语言的代码风格指南一致。

标识符、JSON 永远不会离开你的设备。打开 DevTools → Network，使用过程中没有任何对外请求。

11 种命名规则，粘贴一次搞定

从经典 camelCase / snake_case 到 dot.case / path/case — 加上 JSON keys 批量模式，可一次重命名整个嵌套对象的所有键。

11 种格式同时输出

camelCase、PascalCase、snake_case、CONSTANT_CASE、kebab-case、COBOL-CASE、dot.case、path/case、Title Case、Sentence case、UPPERCASE、lowercase。粘贴一次，所有结果立即显示。

智能 token 切分

正确处理各种输入格式 — `XMLHttpRequest` → `xml_http_request`、`userIDToken` → `user_id_token`。能识别缩写、数字、混合分隔符（_、-、.、/）而不会出错。

JSON keys 批量模式

粘贴嵌套 JSON 对象，按你选择的格式递归重写所有键名。可选择连同字符串值一起转换。数组顺序、类型、结构都会原样保留。

一键复制

每个输出行都有独立的复制按钮 — 点一下就送进剪贴板，有视觉反馈，不会弹出大量 toast 提示。

隐私优先

所有转换都在你的设备上以 JavaScript 执行。标识符、JSON、剪贴板内容都不会传出。打开 DevTools → Network 即可验证没有任何对外请求。

轻量且快速

纯 JavaScript，无框架运行时。冷启动 gzip 后不到 25 KB。任意字符串的 11 种转换均在 1 毫秒内完成。

如何使用转换器

两种模式 — 单个字符串、JSON keys 批量。

  1. 1

    选择模式

    单个字符串：给一个标识符或短语，粘贴一次，看到 11 种格式输出。JSON keys 批量：当你需要把整个 API 响应或配置文件的所有键名一次转换时使用。

  2. 2

    粘贴输入内容

    单个字符串模式接受任意输入 — `userFirstName`、`user_first_name`、`user-first-name`、`USER FIRST NAME`，甚至 `XMLHttpRequest`。Token 切分器会正确切开、再重组成各种输出。JSON 模式接受任意合法 JSON 对象，深度不限。

  3. 3

    选择目标格式

    单个字符串模式会同时显示 11 种输出，挑你需要的就好。JSON 模式从下拉菜单选择一个目标格式，对象里每个键都会以该格式重写。

  4. 4

    复制粘贴

    点击任一输出行旁的复制图标即可发送到剪贴板。JSON 输出可整段复制，直接粘贴进你的代码库或 API 客户端。

为代码评审、重构、API 对接而生

四个常见场景 — 在这些情况下，粘贴一次拿到所有格式比手工改名快太多。

后端 ↔ 前端 边界

后端给你 `user_first_name`，前端要 `userFirstName`。粘贴、复制、粘贴 — 完成。用 JSON 批量模式可以一次把整个 API 响应示例的所有键转换，再根据结果写 codegen 模板。

跨语言重构

把 Python 库移植成 JavaScript？把 Python 源代码的 snake_case 标识符一次转成 camelCase，直接粘贴进 JS 版本。智能 token 切分器能正确处理 `__double_underscore` 和末尾数字，不会切错。

环境变量 ↔ 运行时配置

把 `MY_AWESOME_FEATURE_FLAG`（环境变量惯例）转成 `myAwesomeFeatureFlag`（JS 变量）或 `my_awesome_feature_flag`（Python）。CONSTANT_CASE / camelCase / snake_case 之间的双向转换完全可逆。

CSS / 文件命名

BEM 惯例使用 kebab-case：`.user-card__avatar--large`。设计师给你的 JS 变量名（`userCardAvatarLarge`）？一键搞定。Tailwind 工具类、npm 包名、URL slug、CLI 参数等基本都使用 kebab-case，全都适用。

100% 私密 — 在浏览器中运算

标识符、JSON 永远不会离开你的设备。打开 DevTools → Network，使用过程中没有任何对外请求。

  • 所有 token 切分、命名转换、JSON 遍历都在你的设备上以 JavaScript 执行 — 在页面源代码中可以看到。
  • 剪贴板写入使用标准 navigator.clipboard.writeText API；不留下任何日志。
  • 无需登录、不对标识符埋点、无第三方 API。只用一个 cookie 记录 cookie 同意状态，以及一个 cookie 记录语言偏好。

相关文章

为命名规则、API 设计、重构精选的实用文章。

常见问题

camelCase、snake_case、kebab-case 有什么区别？

都是把多个单词组成的标识符（或文件名、URL、CSS 类名）不用空格写出来的方式。camelCase 第一个单词小写，后面每个单词首字母大写（`userFirstName`），用于 JavaScript、Java、Swift。snake_case 全小写并用下划线连接（`user_first_name`），用于 Python、Ruby、SQL。kebab-case 用连字符（`user-first-name`），用于 CSS、HTML、URL slug、命令行参数。PascalCase 是 camelCase 但第一个字母也大写（`UserFirstName`），很多语言的类名 / 类型名都用这种。

智能 token 切分如何处理缩写？

切分器使用两条边界规则：小写接大写（`a` 后面接 `B` = 切开）和 大写串后接 Title（一连串大写后面接小写，在最后一个大写前切开）。所以 `XMLHttpRequest` 切成 `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`；`userIDToken` 切成 `[user, ID, Token]` → `user_id_token`。这与大多数语言的代码风格指南一致。

JSON keys 批量模式是做什么的？

粘贴一个 JSON 对象（再深的嵌套也行），选择目标格式，工具会深度优先遍历整棵树，把所有键名（包括数组里对象的键）转换为新格式，输出重组后的 JSON。数组、类型（数字 / 布尔 / null）、结构都原样保留。打开「字符串值也一起转换」可进一步把每个字符串字段的内容也通过同一个 token 切分器重写。

我的项目应该用哪种命名规则？

先遵循 编程语言 的主流规则，再遵循 团队 共识。默认建议：camelCase 用于 JS / Java / Swift / Kotlin / Go（Go 对外公开的名称用 PascalCase），snake_case 用于 Python / Ruby / Rust / SQL 列名，kebab-case 用于 CSS 类名 / HTML 属性 / URL 路径 / npm 包名 / CLI 参数，SCREAMING_SNAKE_CASE 用于环境变量和语言常量。在不同层之间做转换（snake_case 后端 API → camelCase 前端）时，选定一个边界，其他地方保持一致。

数据会发送到服务器吗？

完全不会。Token 切分、所有转换、JSON keys 批量模式都在你的浏览器内以 JavaScript 执行。打开 DevTools → Network 即可验证使用过程中没有任何对外请求。我们只用一个 cookie 记录 cookie 同意状态，以及一个 cookie 记录语言偏好。