大小写转换器 — UPPERCASE、lowercase、camelCase 一次搞定

什么是大小写转换器？

// The tokenizer that powers every programming-case conversion
function tokenize(input) {
  return input
    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')      // lower→upper: parseHTML → parse HTML
    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')   // acronym boundary: XMLHttp → XML Http
    .replace(/([A-Za-z])(\d)/g, '$1 $2')          // letter→digit: file2 → file 2
    .replace(/(\d)([A-Za-z])/g, '$1 $2')          // digit→letter: 2x → 2 x
    .replace(/[\s\-_./\\]+/g, ' ')                // collapse separators
    .split(' ').filter(Boolean);
}

// Then each case is a one-liner over the tokens
const camelCase  = (s) => tokenize(s).map((t, i) => i === 0 ? t.toLowerCase() : cap(t)).join('');
const snakeCase  = (s) => tokenize(s).map(t => t.toLowerCase()).join('_');
const kebabCase  = (s) => tokenize(s).map(t => t.toLowerCase()).join('-');
const PascalCase = (s) => tokenize(s).map(cap).join('');

function cap(t) {
  return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
}

核心特性

大小写转换工具对比

大小写转换示例

URGENT: PLEASE REVIEW THE Q4 BUDGET PROPOSAL BEFORE FRIDAY

user_profile_image_url

XMLHttpRequest

10 Tips for Faster JavaScript: A Complete Guide

accessControlAllowOrigin

max retries per request

this is fine, everything is going great

如何使用大小写转换器

1. 1

   粘贴或键入你的文本

   点击编辑框开始键入，或粘贴任意文本——句子、段落、标识符、标题都行。每一种大小写输出都会即时更新。想看看各种格式怎么差异，可以点「示例」载入一段演示文案。

2. 2

   扫一眼网格

   上半区是 7 种文本大小写（UPPERCASE、lowercase、Title、Sentence、iNVERSE、aLtErNaTiNg、RaNdOm）。下半区是 8 种编程命名格式（camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、dot.case、path/case、Header-Case）。每张卡片显示格式名、一行说明和转换后的输出。

3. 3

   在你要的那张卡上点「复制」

   每张输出卡都有自己的小「复制」按钮。点一次——那一种格式就进了剪贴板，按钮闪一下「已复制！」，可以去别处粘贴了。不需要先框选输出文本。

4. 4

   如有需要重新洗牌随机大小写

   如果想要同一段文本的另一种 RaNdOm CaSe 变体，点击操作栏的「重新洗牌」。只有随机大小写的输出会变；输入文本和其他所有输出都保持不动。

5. 5

   用完后清空

   点「清空」可清空编辑框并重置所有输出。「示例」会重新载入演示文案。所有操作都是即时的，且不会发送到任何服务器。

常见大小写转换错误

输入："the quick brown fox jumps over the lazy dog"
snake_case 输出：the_quick_brown_fox_jumps_over_the_lazy_dog
结果：一个 50 字符长、没人要的标识符。

输入："quickBrownFox"
snake_case 输出：quick_brown_fox
结果：一个干净的三 token 标识符。

输入："a tale of two cities"
本工具 Title Case：A Tale Of Two Cities
期望（AP 风格）：A Tale of Two Cities

通用首字母大写就用本工具。
编辑性标题请用 AP 风格的标题工具。
不同工具，不同约定。

输入：XMLHttpRequest
PascalCase 输出：XmlHttpRequest
期望（保留缩略词）：XMLHttpRequest

接受首字母大写的缩略词形式，或者
在转换后手动还原缩略词，或者
使用尊重缩略词提示的分词器。

输入：https://example.com/api/users
snake_case 输出：https_example_com_api_users
结果：已经不再是 URL。

输入：https://example.com/api/users
URL 别动——它本来就是对的格式。
需要 slug 时请手工解析 URL 路径。

目标："设置 user.profile.image 这个变量"
用 dot.case 输出当变量名：`user.profile.image`
在大多数语言中这是属性访问，不是标识符。

单个变量：userProfileImage（camelCase）。
命名空间化的 key：user.profile.image（dot.case 是对的）。
按目标语法挑大小写。

输入："e.g. this is an example. Read more."
Sentence case 输出："E.g. This is an example. Read more."
`g.` 被误判为句子终止。

先跑一次 sentence case，再手工修少数缩写边界。
或者改写以避免句内句点。
（NLP 级句子识别属于另一个工具品类。）

谁在使用这款工具

开发者跨语言改名标识符

把一个 JS 变量迁移成 Python 的 snake_case 名、把一个 CSS 类迁移成 React 的 PascalCase 组件、或者把一个环境变量迁移成配置常量。一次粘贴源名，复制对应输出——不需要逐字母手工转换。

后端开发翻 HTTP header 名

Content-Type、Access-Control-Allow-Origin、X-Forwarded-For 这类 HTTP header 都有特定的 Header-Case 拼写。粘贴一个 camelCase JS 属性名，复制规范的 header 形式——适用于 fetch() 选项、服务端中间件和代理配置。

写作者去掉全大写邮件的吼叫感

转发来的全大写邮件和聊天消息读起来像在吼。粘贴到 Sentence case 来缓和语气，或粘到 Title Case 保留精致标题感。空白与标点完整保留。

营销人员起草标题与正文

标题用 Title Case，正文和说明用 Sentence case——这是大多数现代风格指南（AP、Google、Apple）推荐的约定。两种结果同时显示，方便对比哪种更贴合所在版面。

SEO 专员生成 URL slug

kebab-case 是每个 CMS 期望的 URL slug 约定。粘贴一个带标点和大小写的页面标题，复制 kebab-case 输出——可直接放进 WordPress、Ghost 或 Hugo 的 slug 字段。分词器会干净地去掉标点。

DBA 命名列名与表名

snake_case 是 PostgreSQL、MySQL、SQLite 和大多数 ORM 通用的列名和表名约定。粘贴一个可读标签或一个 camelCase API 字段名，复制对应的 snake_case 版本。

前端开发书写 CSS 类名

kebab-case 是 CSS 规范级的类名约定（BEM、Tailwind 工具类，以及大多数设计系统）。粘贴一个 camelCase 的 JS 组件名，复制 kebab-case 版本，用于匹配的 CSS 模块。

梗图制作者与讽刺爱好者

aLtErNaTiNg cAsE 和 RaNdOm CaSe 是用来嘲讽或讽刺性引用的「海绵宝宝梗」格式。「重新洗牌」可在不改输入的前提下重摇随机变体——多试几次直到顺眼为止。

分词与转换规则

分词规则

通过在四类边界处插入空格来抽取 token：小写到大写（parseHTML → parse HTML）、大写到大写到小写（XMLHttp → XML Http）、字母到数字（file2 → file 2）、数字到字母（2x → 2 x）。然后把常见分隔符（空白、连字符、下划线、句点、斜杠、反斜杠）合并为单个空格。再按空格切分、剪掉空白、丢弃空项。这与 lodash 和 change-case 包的约定一致。

编程命名输出会剥离标点

camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、dot.case、path/case、Header-Case 都会产出干净的标识符——输入中的标点（逗号、句号、括号）会被丢掉，因为大多数语言的标识符里不能出现它们。如果你需要保留标点，请使用文本类输出之一（UPPERCASE、lowercase、Title、Sentence、iNVERSE、aLtErNaTiNg、RaNdOm）。

文本类输出保留一切

UPPERCASE、lowercase、Title Case、Sentence case、iNVERSE cASE、aLtErNaTiNg cAsE、RaNdOm CaSe 全部保留空白、换行和标点。粘贴多段落文档，结构原样保留——只有字母大小写变化。这些变换逐字符操作，不做分词。

Title Case（朴素变体）

本工具的 Title Case 把每个被空白分隔的单词首字母大写、其余小写。APA、Chicago、AP 风格指南建议把短小冠词与介词（a、an、the、of、in、for）保持小写；那些变体差异足够大，值得放在一个专门的工具里。本 Title Case 适合通用首字母大写；AP 风格标题请用专门的标题工具。

Sentence case 的边界识别

Sentence case 先把全部小写，再把整段输入的首字母以及任何句子终止符（. ! ? 。 ！ ？）之后的首个非空白字母大写。识别器不会尝试为 Mr.、U.S.A. 这类缩写做消歧——少见的误判带来的噪音比偶尔漏判要严重。

Alternating case 使用全局切换位

aLtErNaTiNg cAsE 在小写与大写之间逐字母翻转，使用一个会跨越单词边界的全局切换位。非字母字符不会推进切换位。这与 convertcase.net 及其他梗生成器采用的约定一致——同一输入可预测且可复现。

Random case 使用 Math.random()

RaNdOm CaSe 用 Math.random() 对每个字母独立掷一次硬币。每次点击「重新洗牌」都得到不同结果。该随机源不是密码学强度；用于日常文本没问题，但不要用于密码生成（密码请使用专门的密码生成器）。

Unicode 与 locale 友好的大小写映射

使用 `toLocaleLowerCase()` 与 `toLocaleUpperCase()`，能正确处理土耳其语带点/无点的 İ/ı、德语 ß（标准处理下大写为 SS）以及其他依赖 locale 的大小写映射。分词使用 \p{L} 识别任意文字系统的字母。编程类输出默认按 ASCII 标识符字符约束，以兼顾跨语言一致性。

选择大小写的最佳实践

选择与你代码库一致的格式

变量名该用哪种大小写，标准不是「哪种最好看」——而是「你的代码库已经在用哪种」。JavaScript 与 Java：变量与方法用 camelCase，类名用 PascalCase。Python、Ruby、Rust：除类名（PascalCase）之外都用 snake_case。CSS 与 URL：kebab-case。环境变量与常量：CONSTANT_CASE。和本地约定一致；一致性比理论正确更重要。

UI 微文案用 Sentence case

过去十年，Google、Apple、Microsoft 的设计系统都把按钮标签、菜单项、对话框文案以及其他 UI 微文案统一到了 Sentence case。在 UI 里继续用 Title Case 会显得老派、略带吼叫感。Title Case 留给主标题、页面 title 和书名就好。

粘贴前先剥掉智能引号

从 Microsoft Word、Google Docs 或 Apple 备忘录粘贴可能带入智能引号（""）、长破折号（—）以及其他看起来与 ASCII 一致但编码不同的排版字符。本工具的大小写变换能正确处理它们，但如果你接着要把结果转成编程命名的标识符，建议先手动替换为 ASCII 等价字符，避免在代码编辑器里出现意外。

编程命名一次只转一个标识符

camelCase、snake_case、kebab-case 等会把整段输入产出为单一标识符。如果你把整段句子粘进 snake_case，得到的是一个巨长的标识符——技术上正确但几乎不是你想要的。标识符转换请一次贴一个词或词组。段落级文本请使用文本类变换。

改名前先验证缩略词的来回往返

XMLHttpRequest → xml_http_request → XmlHttpRequest 是标准来回往返；缩略词在还原时会变成首字母大写形式。如果你的代码库保留原始缩略词大写（XmlHttpRequest 仍是 XMLHttpRequest），来回往返就不会完全一致。在做项目级重命名前，请先抽查几个例子。

HTTP/1.1 用 Header-Case，HTTP/2 用 kebab-case

HTTP/1.1 对 header 名大小写不敏感，但 Header-Case（Content-Type、X-Forwarded-For）是大家约定俗成、对人类可读的拼写。HTTP/2 明确要求 header 名全部小写——这种场景请用 kebab-case（content-type、x-forwarded-for）。拿不准时，kebab-case 在两种协议里都能跑。

随机大小写用于变体，不用于安全

随机大小写好玩但并非密码学意义上的随机——它使用 Math.random()，足够支撑视觉变体，但不足以承担「随机性真的重要」的任何场景（密码生成、安全 token、A/B 测试）。需要密码学强度时请使用专门的密码生成器。

常见问题