Cách chuyển đổi chữ hoa/thường của văn bản
Quy ước đặt tên quan trọng. Cho dù bạn viết mã, tạo tên tệp hay định dạng tiêu đề, sử dụng đúng loại chữ hoa/thường giữ mọi thứ nhất quán và chuyên nghiệp. Chuyển đổi thủ công là tẻ nhạt và dễ gây lỗi — đặc biệt với văn bản dài hoặc tên biến dài.
Các loại chữ hoa/thường phổ biến và sử dụng của chúng
| Loại | Ví dụ | Sử dụng phổ biến |
|---|---|---|
| CHỮ HOA | HELLO WORLD | Hằng số, từ viết tắt, tiêu đề |
| chữ thường | hello world | Thuộc tính CSS, email, văn bản không trang trọng |
| Chữ Hoa Tiêu Đề | Hello World | Tiêu đề, danh từ riêng |
| Chữ hoa câu | Hello world | Văn bản nội dung, mô tả |
| camelCase | helloWorld | Biến và hàm JavaScript/Java |
| PascalCase | HelloWorld | Tên lớp, thành phần React |
| snake_case | hello_world | Python, Ruby, các cột cơ sở dữ liệu |
| kebab-case | hello-world | URL, lớp CSS, tên tệp |
| CONSTANT_CASE | HELLO_WORLD | Hằng số, biến môi trường |
Cách chuyển đổi chữ hoa/thường
- Dán văn bản của bạn — nhập bất kỳ văn bản nào vào trình chuyển đổi. Nó hoạt động với một từ, một tên biến, một câu hoặc cả một đoạn văn.
- Chọn một loại — nhấp định dạng mong muốn. Việc chuyển đổi áp dụng tức thì.
- Sao chép kết quả — nhấp Sao chép để lấy văn bản đã chuyển đổi cho mã, tài liệu hoặc tên tệp của bạn.
Sử dụng thực tế
Đổi tên các biến — dán một tên ở snake_case và chuyển nó sang camelCase (hoặc ngược lại) nhanh hơn và ít gây lỗi hơn so với việc gõ lại.
Định dạng tiêu đề — chuyển tiêu đề đoạn văn sang Chữ Hoa Tiêu Đề đảm bảo viết hoa nhất quán trong toàn bộ tài liệu của bạn.
Tạo slug URL — chuyển tiêu đề trang sang kebab-case cho ra một chuỗi sạch và tương thích với URL.
Viết các hằng số — chuyển một tên mô tả sang CONSTANT_CASE tuân theo quy ước được nhóm của bạn mong đợi.
Mẹo
- Tôn trọng quy ước của ngôn ngữ của bạn — Python sử dụng snake_case, JavaScript sử dụng camelCase, CSS sử dụng kebab-case. Tính nhất quán trong cùng một mã quan trọng hơn sở thích cá nhân.
- Unicode được hỗ trợ — trình chuyển đổi xử lý dấu, emoji và các ký tự CJK, vì vậy nó hoạt động với văn bản trong bất kỳ ngôn ngữ nào.
- Cẩn thận với các từ viết tắt trong Chữ Hoa Tiêu Đề — hầu hết các trình chuyển đổi viết hoa mỗi từ, có thể biến « API » thành « Api ». Xem lại các từ viết tắt sau khi chuyển đổi.
- Sử dụng chữ hoa câu cho khả năng đọc — đối với các văn bản hiển thị cho người dùng như nhãn nút và mô tả, chữ hoa câu thường dễ đọc hơn Chữ Hoa Tiêu Đề.
Câu hỏi thường gặp
Sự khác biệt giữa camelCase và PascalCase là gì?
camelCase bắt đầu bằng chữ thường và viết hoa mỗi từ tiếp theo (tenBienCuaToi). PascalCase viết hoa mỗi từ, kể cả từ đầu tiên (TenBienCuaToi). Trong hầu hết các ngôn ngữ, camelCase được sử dụng cho các biến và hàm, PascalCase cho các lớp và kiểu.
Khi nào sử dụng snake_case hay kebab-case?
snake_case sử dụng dấu gạch dưới và là tiêu chuẩn trong Python, Ruby và cho các tên cột cơ sở dữ liệu. kebab-case sử dụng dấu gạch ngang và phổ biến trong URL, các lớp CSS và tên tệp. Sử dụng những gì ngôn ngữ hoặc ngữ cảnh của bạn mong đợi.
CONSTANT_CASE là gì?
CONSTANT_CASE (còn gọi là SCREAMING_SNAKE_CASE) sử dụng tất cả các chữ cái viết hoa với dấu gạch dưới giữa các từ. Đó là quy ước tiêu chuẩn cho các hằng số, biến môi trường và khóa cấu hình trong hầu hết các ngôn ngữ.
Văn bản của tôi có được gửi đến máy chủ không?
Không. Tất cả các chuyển đổi diễn ra trong trình duyệt của bạn. Văn bản của bạn không bao giờ rời khỏi thiết bị của bạn.