從全大寫到駝峯:程序員必會的 6 種英文字母大小寫轉換場景!
你有沒有在 Code Review 時,因為一行全小寫的常量名被同事無情 diss?
有沒有因為數據庫字段是snake_case(小寫下劃線),而前端接口卻要求 camelCase(駝峯),加班寫正則替換或者貼代碼寫映射關係?
別慌,這些“大小寫修羅場”其實一條在線指令就能解決。今天我用 6 個高頻場景,帶你把「英文字母大小寫轉換」從手動搬磚升級為自動化魔法——全程只用瀏覽器,不寫腳本也能批量完成。
一、常量:全大寫+下劃線
場景
Node 項目裏把數據庫裏的 <font color=red>user_status</font> 改寫成 <font color=red>USER_STATUS</font>。
痛點
手動按 Shift 太累,還容易漏字符。
技巧
- 打開 https://www.tooljson.com/string-converter
- 選“基礎轉換 → 全大寫”
- 粘貼 user_status → 一鍵得到 USER_STATUS
小提示:工具支持批量,5000 條字段 1 秒全搞定。
二、變量:小駝峯(camelCase)
場景
ESLint 規則強制 camelCase,但後端給的 JSON key 全是 snake_case。
例子:<font color=red>order_total_price</font> → <font color=red>orderTotalPrice</font>
技巧
1、將後端返回字符串整體複製到工具,選“下劃線” → 駝峯”, 即可瞬間轉換成功。
2、再用 VS Code 或其他開發 IDE 工具全局替換鍵名即可。
實測 1200 行 JSON 轉換不到 1 秒。
三、類名:帕斯卡(PascalCase)
場景
Java Bean 規範要求類名首字母大寫,且每個單詞首字母都大寫。
示例:把 <font color=red>api_response_dto</font> 變成 <font color=red>ApiResponseDto</font>。
技巧
1、“下劃線 → 駝峯” 模式一鍵轉換
2、快速交換結果,選擇【首字母大寫】
3、再用 VS Code 或其他開發 IDE 工具全局替換鍵名即可。
四、JSON key:批量下劃線 ↔ 駝峯
場景
老項目遷移,接口文檔裏 800 個 key 要統一。
技巧
- 把 Swagger 導出的 JSON 複製進工具
- 選擇“下劃線 → 駝峯”
- 導出結果直接覆蓋前端類型定義文件
再也不用寫正則/(_\w)/g擔心漏匹配。
五、URL slug:短橫線分隔
場景
SEO 要求 /product/iphone15-pro ,即 url 中的 產品名稱是中劃線,但後端字段命名風格是駝峯式:iphone15Pro。
做法
- 駝峯 → 下劃線:先把 <font color=red>iphone15Pro</font> 變成 <font color=red>iphone15_pro</font>()
- 下劃線 → 中橫線:得到 <font color=red>iphone15-pro</font>
兩步連點,比 gulp-rename 插件還快。
六、Git 分支:kebab-case
場景
團隊規範要求 <font color=red>feature/user-profile-page</font>,然而需求文檔裏寫的是 <font color=red>UserProfilePage</font>。
技巧
原本需要三步:
<font color=red>PascalCase → camelCase → snake_case → kebab-case</font>
使用工具:
1、駝峯-》下劃線
2、交換之後,選擇下劃線-中劃線
兩步到位,分支名 0 失誤。
工具亮點總結
- 多格式智能互轉:camelCase ⇄ snake_case ⇄ PascalCase ⇄ UPPER_CASE ⇄ kebab-case … 開發場景全覆蓋
- 萬行級批量處理:粘貼文本即實時轉換,1 秒處理上萬變量,告別手動修改
- 雙向無損回滾:隨時將 camelCase 還原為 snake_case(無需歷史記錄)
- 零成本集成:點擊「複製結果」直接粘貼至代碼,無需安裝插件
結語
下次再遇到大小寫地獄,別再手敲 Shift 或寫正則。收藏這條轉換神器:https://www.tooljson.com/string-converter
5 秒鐘,把命名規範從“玄學”變成“科學”,把時間留給真正重要的邏輯。
祝你永遠不再因為 <font color=red>USER-NAME、userName、User_Name</font> 而加班!