Công cụ chuyển đổi kiểu chữ hoa/thường

Mỗi mã nguồn và mỗi hệ quản trị nội dung (CMS) đều có quy tắc viết hoa riêng: kebab-case cho URL, camelCase cho biến JavaScript, SCREAMING_SNAKE cho hằng số, Title Case cho tiêu đề. Chỉ cần dán bất kỳ chuỗi nào, công cụ này sẽ trả về cả chín kiểu chuyển đổi thông dụng cùng lúc, để bạn sao chép đúng kiểu phù hợp với trường mình đang dán vào.

Các phép chuyển đổi hoạt động thế nào

  1. 1

    Dán văn bản của bạn

    Một từ, một tên biến, hoặc cả một câu.

  2. 2

    Văn bản được tách thành token

    Khoảng trắng, dấu gạch nối, dấu gạch dưới và ranh giới camelCase đều được tách thành các từ riêng biệt.

  3. 3

    Mỗi kiểu chữ được tạo ra

    UPPER, lower, Title, Sentence, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE.

  4. 4

    Sao chép kiểu bạn cần

    Sao chép chỉ với một cú nhấp ngay bên cạnh mỗi biến thể.

Chín kiểu chữ thông dụng

Kiểu chữ Ví dụ Sử dụng điển hình
UPPERCASE HELLO WORLD Nhấn mạnh, từ khóa SQL
lowercase hello world Văn bản nội dung
Title Case Hello World Tiêu đề (theo sổ tay phong cách)
Sentence case Hello world Tiêu đề bài viết (tối giản)
camelCase helloWorld Biến JS/Java, khóa JSON
PascalCase HelloWorld Tên lớp, thành phần React
snake_case hello_world Python, Ruby, SQL
kebab-case hello-world URL, tên lớp CSS, HTML
CONSTANT_CASE HELLO_WORLD Biến môi trường, hằng số

Title Case có nhiều biến thể theo sổ tay phong cách

  • Phong cách AP: viết hoa danh từ, đại từ, động từ, tính từ, trạng từ và mọi từ có từ 4 chữ cái trở lên. Mạo từ, giới từ ngắn và liên từ giữ chữ thường, trừ khi là từ đầu hoặc từ cuối.
  • Chicago: viết hoa các từ chính, viết thường mạo từ và giới từ bất kể độ dài.
  • APA: viết hoa mọi từ có từ 4 chữ cái trở lên, cộng thêm từ đầu và từ cuối.
  • Sentence case: chỉ viết hoa từ đầu tiên (và danh từ riêng). Ngày càng được ưa chuộng trong giao diện và phong cách biên tập hiện đại.

Những cạm bẫy khi phát hiện ranh giới

  • parseXMLParser → parse-xml-parser đòi hỏi nhận diện các chữ hoa liên tiếp như một từ viết tắt. Cách tách camel ngây thơ sẽ cho ra parse-x-m-l-parser.
  • Số: item2Value có thể được tách thành item-2-value hoặc item2-value tùy theo tùy chọn.
  • Dấu gạch dưới ở đầu (_private) thường mang nghĩa “nội bộ” và cần được giữ nguyên trong một số ngôn ngữ.

Khi nào dùng kiểu nào

  • URL: luôn dùng kebab-case. Cả công cụ tìm kiếm lẫn con người đều thích đường dẫn dễ đọc.
  • Cột cơ sở dữ liệu: snake_case trong Postgres/MySQL, camelCase trong MongoDB.
  • Lớp CSS: kebab-case (BEM) hoặc camelCase (CSS-in-JS).
  • Biến môi trường: luôn dùng SCREAMING_SNAKE.

Câu hỏi thường gặp

camelCase bắt đầu bằng chữ thường (userName); PascalCase viết hoa cả chữ cái đầu (UserName). Theo quy ước, camelCase dùng cho biến và hàm; PascalCase dùng cho lớp và kiểu dữ liệu.

Công cụ coi các chữ hoa liên tiếp là một từ viết tắt duy nhất khi có thể: XMLParser → xml-parser, chứ không phải x-m-l-parser. Hành vi cụ thể tùy theo phong cách nguồn; hãy kiểm tra cho đúng trường hợp của bạn.

Công cụ được thiết kế cho các chuỗi ngắn như tên biến và tiêu đề. Nếu chạy trên cả một tệp mã, nó sẽ đổi kiểu chữ của cả chú thích, chuỗi và từ khóa, bạn sẽ làm hỏng mã. Với việc đó hãy dùng linter hoặc tính năng tái cấu trúc của IDE.

Không. Việc chuyển đổi kiểu chữ chạy hoàn toàn trong trình duyệt của bạn; không có nội dung nào bạn dán vào rời khỏi trang.

Công cụ liên quan

Công cụ này có phiên bản bằng các ngôn ngữ khác