Chuyển đổi kiểu chữ (camel, snake, kebab, Title, v.v.)
Gõ bất kỳ văn bản nào và xem mười kiểu chữ phổ biến song song, mỗi kiểu có nút sao chép. Hữu ích để đổi tên biến, tên file, tiêu đề, slug và làm sạch tập dữ liệu.
hello world example
HELLO WORLD EXAMPLE
Hello World Example
Hello world example
helloWorldExample
HelloWorldExample
hello_world_example
hello-world-example
HELLO_WORLD_EXAMPLE
HELLO WORLD EXAMPLE
Cách hoạt động
Mỗi kiểu được dùng ở đâu
camelCase: định danh JavaScript và Java (tenBienCuaToi). PascalCase: lớp và component React (HoSoNguoiDung). snake_case: biến Python và Ruby (ho_so_nguoi_dung). kebab-case: URL và class CSS (ho-so-nguoi-dung). CONSTANT_CASE: biến môi trường và hằng số (HO_SO_NGUOI_DUNG).
Title Case: tiêu đề sách và bài viết, đề mục. Sentence case: hầu hết nhãn và tiêu đề UI hiện đại — dễ đọc hơn Title Case cho chuỗi dài. CHỮ HOA: nhấn mạnh, viết tắt. chữ thường: thẻ, nhãn, tên file không phân biệt chữ hoa/thường.
Cách công cụ phân tích từ
Chúng tôi tách theo khoảng trắng, dấu gạch ngang, dấu gạch dưới, dấu gạch chéo và dấu chấm. Chúng tôi cũng tách tại ranh giới giữa chữ thường và chữ hoa (nên 'xinChaoTat' tách thành ['xin', 'Chao', 'Tat']) và giữa chữ cái và chữ số. Điều này xử lý hầu hết các trường hợp hàng ngày bao gồm code dán, slug và đường dẫn file.
Trường hợp đặc biệt: từ viết tắt toàn chữ hoa ('XMLHTTPRequest') không tách sạch mà không có ngữ cảnh, nên chúng tôi coi các chữ hoa liên tiếp là một khối từ duy nhất. Với hầu hết văn bản hàng ngày — câu, tiêu đề, tên cột tập dữ liệu — bộ phân tích tạo ra kết quả bạn mong đợi.
Mẹo cho đánh giá code và tái cấu trúc
Khi chuyển đổi giữa các ngôn ngữ, dán danh sách tên định danh và sao chép phiên bản đã chuyển đổi. snake-to-camel là ranh giới JavaScript-to-Python phổ biến nhất; kebab-to-snake phổ biến khi tái cấu trúc thuộc tính HTML thành đối tượng JS.
Đối với slug SEO, kebab-case là tiêu chuẩn — dễ đọc trong URL và Google coi dấu gạch ngang là dấu phân tách từ (dấu gạch dưới thì không). 'ten-san-pham' được ưu tiên hơn 'ten_san_pham' cho bất kỳ đường dẫn URL nào hướng đến người dùng.
Câu hỏi thường gặp
›Nếu đầu vào có từ viết tắt như 'XML' thì sao?
Các chữ hoa liên tiếp được coi là một khối duy nhất. 'XMLParser' tách thành 'XML' và 'Parser'. Điều này hoạt động với hầu hết code; xem lại và chỉnh tay cho các trường hợp đặc biệt.
›Tại sao URL slug luôn là kebab-case?
Dấu gạch ngang được Google's URL parser coi là ranh giới từ; dấu gạch dưới thì không. URL kebab-case lập chỉ mục đáng tin cậy hơn cho SEO.
›Sự khác biệt giữa Title Case và Sentence case là gì?
Title Case viết hoa hầu hết các từ ('Cáo Nhanh Màu Nâu'). Sentence case chỉ viết hoa từ đầu tiên và danh từ riêng ('Cáo nhanh màu nâu'). UI hiện đại có xu hướng ưu tiên sentence case.
›Công cụ này có hỗ trợ Unicode không?
Có — toLowerCase/toUpperCase của JavaScript nhận biết Unicode. Dấu phụ và chữ viết không phải Latin đi qua chính xác.
›Tôi có thể chuyển đổi ngược lại không?
Có — dán bất kỳ đầu ra đã chuyển đổi nào vào và dùng một kiểu chuyển đổi khác. Chuyển đổi khứ hồi camelCase ↔ snake_case không bị mất dữ liệu.
›Tại sao camelCase không giữ nguyên từ viết tắt ở dạng chữ hoa?
Theo quy ước, camelCase chỉ viết hoa chữ cái đầu tiên của mỗi từ tiếp theo. 'XmlHttpRequest' được ưu tiên hơn 'XMLHTTPRequest' trong hướng dẫn phong cách hiện đại.
›Dữ liệu có rời khỏi trình duyệt không?
Không. Tất cả chuyển đổi chạy cục bộ.
›Có cách nào chuyển đổi hàng loạt một danh sách không?
Dán toàn bộ danh sách của bạn vào cùng một lúc. Mỗi dòng được coi là đầu vào riêng biệt trong cùng kiểu chữ — chuyển đổi, sau đó tách các dòng nếu cần.
Công cụ liên quan
Cập nhật lần cuối: