動態

詳情 返回 返回

從全大寫到駝峯:程序員必會的 6 種英文字母大小寫轉換場景! - 動態 詳情

從全大寫到駝峯:程序員必會的 6 種英文字母大小寫轉換場景!

你有沒有在 Code Review 時,因為一行全小寫的常量名被同事無情 diss?

有沒有因為數據庫字段是snake_case(小寫下劃線),而前端接口卻要求 camelCase(駝峯),加班寫正則替換或者貼代碼寫映射關係?

別慌,這些“大小寫修羅場”其實一條在線指令就能解決。今天我用 6 個高頻場景,帶你把「英文字母大小寫轉換」從手動搬磚升級為自動化魔法——全程只用瀏覽器,不寫腳本也能批量完成。

一、常量:全大寫+下劃線

場景

Node 項目裏把數據庫裏的 <font color=red>user_status</font> 改寫成 <font color=red>USER_STATUS</font>。

痛點

手動按 Shift 太累,還容易漏字符。

技巧
  1. 打開 https://www.tooljson.com/string-converter
  2. 選“基礎轉換 → 全大寫”
  3. 粘貼 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 要統一。

技巧
  1. Swagger 導出的 JSON 複製進工具
  2. 選擇“下劃線 → 駝峯”
  3. 導出結果直接覆蓋前端類型定義文件
    再也不用寫正則 /(_\w)/g 擔心漏匹配。

五、URL slug:短橫線分隔

場景

SEO 要求 /product/iphone15-pro ,即 url 中的 產品名稱是中劃線,但後端字段命名風格是駝峯式:iphone15Pro

做法
  1. 駝峯 → 下劃線:先把 <font color=red>iphone15Pro</font> 變成 <font color=red>iphone15_pro</font>()
  2. 下劃線 → 中橫線:得到 <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> 而加班!

user avatar zaotalk 頭像 nihaojob 頭像 kobe_fans_zxc 頭像 razyliang 頭像 leexiaohui1997 頭像 longlong688 頭像 inslog 頭像 huichangkudelingdai 頭像 Dream-new 頭像 febobo 頭像 guixiangyyds 頭像 yixiyidong 頭像
點贊 88 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.