Case Converter

命名格式轉換器

一次把任意字串轉換為 11 種命名規則 — camelCase、PascalCase、snake_case、kebab-case 等等。內建 JSON keys 批次模式,遞迴重寫所有鍵名。全部在瀏覽器內運算。

命名格式轉換器 — TL;DR

一次把任意字串轉換為 11 種命名規則 — camelCase、PascalCase、snake_case、kebab-case 等等。內建 JSON keys 批次模式,遞迴重寫所有鍵名。全部在瀏覽器內運算。

都是把多字組成的識別字、檔名、URL、CSS class 不用空白寫出來的方式。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`),很多語言的 class / type 名都用這種。

切分器使用兩個邊界規則:小寫接大寫(`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 客戶端。

為 code review、重構、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 utility、npm 套件名、URL slug、CLI 旗標等大都用 kebab-case 都適用。

100% 私密 — 在瀏覽器中運算

識別字、JSON 永遠不會離開你的裝置。打開 DevTools → Network,使用過程中沒有任何對外請求。

  • 所有 token 切分、命名轉換、JSON 走訪都在你的機器上以 JavaScript 執行 — 在頁面原始碼可以看見。
  • 剪貼簿寫入使用標準 navigator.clipboard.writeText API;不留下任何 log。
  • 無需登入、不對識別字埋點、無第三方 API。只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。

相關文章

為命名規則、API 設計、重構精選的實用文章。

常見問題

camelCase、snake_case、kebab-case 有什麼差別?

都是把多字組成的識別字、檔名、URL、CSS class 不用空白寫出來的方式。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`),很多語言的 class / type 名都用這種。

智慧 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 class / HTML attribute / URL 路徑 / npm 套件名 / CLI 旗標,SCREAMING_SNAKE_CASE 用於環境變數和語言常數。在不同層之間做轉換(snake_case API → camelCase 前端)時,選一個邊界、其他地方都保持一致。

資料會傳到伺服器嗎?

完全不會。Token 切分、所有轉換、JSON keys 批次模式都在你的瀏覽器內以 JavaScript 執行。打開 DevTools → Network 即可驗證使用過程中沒有任何對外請求。我們只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。