支持8种格式实时转换:camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、Title Case、UPPERCASE、lowercase
• 支持中划线、下划线、空格分隔的字符串自动识别
• 输入即实时转换,无需点击按钮
• 点击任意格式旁的复制按钮快速复制
• 批量模式支持每行一个字符串转换
字符串大小写转换工具是一款支持多种文本大小写格式互转的在线工具。在编程和文本处理中,不同的大小写约定有特定的使用场景:camelCase(小驼峰)用于 JavaScript 变量名、PascalCase(大驼峰)用于类名和 TypeScript 类型、snake_case(蛇形)用于 Python 变量和数据库字段名、kebab-case(短横线)用于 CSS 类名和 URL 路径、UPPER_CASE(全大写)用于常量定义和 SQL 关键字。本工具支持所有常见的大小写格式转换,同时提供全大写、全小写、首字母大写、句首大写等基础转换模式,帮助开发者快速在命名规范之间切换。
后端 API 返回 snake_case 字段(如 user_name、created_at),但前端 JavaScript 使用 camelCase(userName、createdAt)。使用转换工具批量将 JSON 键名从 snake_case 转为 camelCase,适配前端命名规范。
将驼峰命名的 JavaScript 变量转为 kebab-case 的 CSS 类名。例如 JavaScript 中的变量 primaryButtonColor 对应 CSS 类名 .primary-button-color。
数据库使用 snake_case(first_name),编程语言使用 camelCase(firstName)。转换工具帮助快速在两种命名风格间切换,生成字段映射代码。
大小写转换的核心是"分词→重组"。首先识别输入文本中的单词边界(空格、下划线、连字符、驼峰的大写字母位置),将文本拆分为单词数组,然后按目标格式重组。
// 字符串大小写转换实现
function toWords(str) {
return str
.replace(/([a-z])([A-Z])/g, '$1 $2') // 驼峰拆分
.replace(/[_\-]+/g, ' ') // 分隔符替换
.toLowerCase()
.split(/\s+/);
}
const converters = {
camelCase: w => w[0] + w.slice(1).map(s => s[0].toUpperCase() + s.slice(1)).join(''),
PascalCase: w => w.map(s => s[0].toUpperCase() + s.slice(1)).join(''),
snake_case: w => w.join('_'),
'kebab-case': w => w.join('-'),
UPPER_CASE: w => w.join('_').toUpperCase(),
};
// 示例
const words = toWords("helloWorld"); // ["hello", "world"]
converters['snake_case'](words); // "hello_world"
converters['kebab-case'](words); // "hello-world"
A>camelCase(小驼峰)首字母小写:userName、getTotal。PascalCase(大驼峰)首字母大写:UserName、GetTotal。JavaScript 中变量/函数用 camelCase,类名/组件名用 PascalCase。TypeScript 中类型/接口名也用 PascalCase。
A>缩写词如 XML、HTML、API 在驼峰中应视为一个整体。"parseHTML" 转为 snake_case 应为 "parse_html" 而非 "parse_h_t_m_l"。高级转换工具会识别常见缩写词,但输入格式不明确时可能需要手动调整。
A>Title Case 每个单词首字母大写:"Hello World From DevToolHub"。Sentence Case 只有句首单词首字母大写:"Hello world from devtoolhub"。标题通常用 Title Case,正文句子用 Sentence Case。
A>CSS 属性名本身就是 kebab-case(background-color、font-size),使用一致的命名风格提高可读性。此外 kebab-case 在 HTML 类名中更易阅读,且与自定义元素(Web Components)的命名规则一致(必须包含连字符)。
A>简单的全局替换有风险(可能误修字符串内容)。推荐使用 IDE 的重构功能(如 VS Code 的 Rename Symbol)或专用工具(如 codemod)进行安全的全局命名转换。本工具适合少量字符串的快速转换。