跳至主內容

🔄 大小寫轉換

將文字轉換為各種大小寫樣式的工具。支援8 種轉換樣式！

📝 輸入文本

🔄 轉換選項

✨ 結果

選擇大小寫樣式來轉換文本。支持lowercase、UPPERCASE、Capitalize、camelCase、PascalCase、snake_case、kebab-case和tOGGLE cASE。

支援的轉換樣式​

1. lowercase​

將所有字元轉換為小寫。

輸入: Hello World
結果: hello world

2. UPPERCASE​

將所有字元轉換為大寫。

輸入: Hello World
結果: HELLO WORLD

3. Capitalize Each Word​

將每個單字的首字母轉換為大寫。

輸入: hello world
結果: Hello World

4. camelCase​

第一個單字小寫，之後單字的首字母大寫。

輸入: hello world example
結果: helloWorldExample

5. PascalCase​

將所有單字的首字母轉換為大寫並移除空格。

輸入: hello world example
結果: HelloWorldExample

6. snake_case​

將所有字元轉換為小寫，並將空格替換為底線（_）。

輸入: Hello World
結果: hello_world

7. kebab-case​

將所有字元轉換為小寫，並將空格替換為連字號（-）。

輸入: Hello World
結果: hello-world

8. tOGGLE cASE​

將大寫和小寫互換。

輸入: Hello World
結果: hELLO wORLD

應用案例​

💻 程式設計​

  • 變數名稱轉換：轉換為不同的命名慣例

    // camelCase: userName
    // snake_case: user_name
    // PascalCase: UserName

  • API 端點：轉換為符合 URL 格式

    // 原文: User Profile
    // kebab-case: user-profile
    // 結果 URL: /api/user-profile

📝 文件工作​

  • 統一標題樣式：將所有標題轉換為一致的格式
  • 整理列表：統一項目的大小寫

🎨 CSS/HTML​

  • 生成類別名稱：將元件名稱轉換為 CSS 類別 
    // 元件: User Profile Card
    // kebab-case: user-profile-card
    // 類別: .user-profile-card

🗄️ 資料庫​

  • 表格/欄位名稱：轉換為符合資料庫命名規則 
    // 原文: User Name
    // snake_case: user_name

各程式語言的命名慣例​

JavaScript / TypeScript​

// 變數、函式: camelCase
let userName = "John";
function getUserData() {}

// 類別、元件: PascalCase
class UserProfile {}
const UserCard = () => {};

// 常數: UPPERCASE
const API_KEY = "abc123";

Python​

# 變數、函式: snake_case
user_name = "John"
def get_user_data():
    pass

# 類別: PascalCase
class UserProfile:
    pass

# 常數: UPPERCASE
API_KEY = "abc123"

Java​

// 變數、方法: camelCase
String userName = "John";
public void getUserData() {}

// 類別: PascalCase
public class UserProfile {}

// 常數: UPPERCASE
public static final String API_KEY = "abc123";

CSS / HTML​

/* kebab-case */
.user-profile-card {
  background-color: #fff;
}

#main-navigation {}

提示​

轉換前確認事項​

  • 特殊字元：特殊字元會根據轉換樣式被移除或識別為分隔符號
  • 數字：數字會保持原樣，不會被轉換
  • 空格：空格會根據各樣式適當處理

有效使用​

  • 多行轉換：一次輸入多行，所有行都會轉換為相同樣式
  • 複製後再轉換：可以將結果再次貼到輸入欄，轉換為其他樣式

相關工具​

常見問題​

Q: 中文也會被轉換嗎？ A: 中文沒有大小寫的概念，所以會保持原樣。只有空格或特殊字元會根據轉換樣式處理。

Q: camelCase 和 PascalCase 有什麼不同？ A: camelCase 第一個單字以小寫開頭（例如：userName），PascalCase 所有單字都以大寫開頭（例如：UserName）。

Q: snake_case 和 kebab-case 什麼時候使用？ A: snake_case 在 Python、Ruby、SQL 等語言中用於變數/函式名稱，kebab-case 主要用於 URL、CSS 類別名稱、HTML 屬性。

Q: 可以一次轉換多行嗎？ A: 可以！輸入多行時，所有行都會轉換為選定的樣式。