Công cụ miễn phí cho lập trình viên

Công cụ chuyển đổi kiểu chữ: camelCase, snake_case và hơn thế

Chuyển bất kỳ cụm từ nào sang camelCase, PascalCase, snake_case, kebab-case, Title Case, viết hoa đầu câu, CHỮ HOA hoặc chữ thường. Tám định dạng, một cú nhấp.

camelCase PascalCase snake_case kebab-case Title Case Viết hoa đầu câu CHỮ HOA chữ thường

Chuyển văn bản sang camelCase, snake_case hoặc Title Case

Bạn đang đặt tên biến, viết tiêu đề hay tạo URL? Công cụ chuyển đổi kiểu chữ này viết lại từ ngữ đúng định dạng bạn cần, để bạn không phải sửa chữ hoa và dấu gạch dưới bằng tay nữa. Dán một cụm từ, chọn kiểu và sao chép kết quả.

Đọc thêm
Ví dụ camelCase: "user first name" thành userFirstName

camelCase cho JavaScript và JSON

camelCase nối các từ không có khoảng trắng và viết hoa chữ cái đầu của mỗi từ sau từ đầu tiên: userFirstName. Đây là chuẩn cho biến trong JavaScript và phương thức trong Java, và nhiều API JSON dùng nó cho khóa.

Kết quả PascalCase cho tên một component React

PascalCase cho lớp và component

PascalCase viết hoa chữ cái đầu của mọi từ, kể cả từ đầu tiên: UserProfileCard. Lập trình viên dùng nó cho tên lớp trong C# và Java và cho tên component React.

Ví dụ snake_case cho biến Python và tên cột cơ sở dữ liệu

snake_case cho Python và cơ sở dữ liệu

snake_case viết các từ bằng chữ thường và nối chúng bằng dấu gạch dưới: user_first_name. Đây là quy ước của Python cho biến và hàm (PEP 8) và là lựa chọn phổ biến cho cột cơ sở dữ liệu.

Kết quả kebab-case dùng làm tên lớp CSS

kebab-case cho URL và CSS

kebab-case nối các từ viết thường bằng dấu gạch ngang: user-first-name. Bạn sẽ gặp nó trong tên lớp CSS, thuộc tính HTML, tên tệp và slug URL thân thiện với SEO.

Cùng một tiêu đề blog ở dạng Title Case và viết hoa đầu câu

Title Case và viết hoa đầu câu cho tiêu đề

Title Case viết hoa các từ chính trong tiêu đề, rất hợp với tiêu đề blog, thẻ H1 và tiêu đề email. Viết hoa đầu câu chỉ viết hoa từ đầu tiên, cho cảm giác nhẹ nhàng và hiện đại hơn.

Công cụ chuyển đổi kiểu chữ với tám nút định dạng

Mọi quy ước đặt tên ở cùng một nơi

CHỮ HOA và chữ thường nằm ngay cạnh các định dạng dành cho lập trình viên, nên bạn có thể chuyển giữa cả tám kiểu mà không cần mở công cụ thứ hai. Nhấp Ví dụ để xem từng kiểu hoạt động.

Cách dùng công cụ chuyển đổi kiểu chữ

1

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

Nhập hoặc dán một từ, cụm từ hoặc tên biến vào ô. Nhấp Ví dụ trước nếu bạn muốn xem cách hoạt động.
2

Chọn camelCase, snake_case hoặc định dạng khác

Chọn camelCase, PascalCase, snake_case, kebab-case, Title Case, viết hoa đầu câu, CHỮ HOA hoặc chữ thường.
3

Sao chép kết quả

Văn bản đã chuyển đổi xuất hiện ngay lập tức. Sao chép vào trình soạn thảo mã, CMS, bảng tính hoặc tài liệu của bạn.
4

Xóa và chuyển đổi mục tiếp theo

Nhấp Xóa để bắt đầu lại và chuyển đổi biến, tên tệp hoặc tiêu đề tiếp theo.

Câu hỏi thường gặp về công cụ chuyển đổi kiểu chữ

Giải thích các quy ước đặt tên kèm ví dụ.

camelCase là gì?

camelCase viết một cụm từ không có khoảng trắng, bắt đầu bằng chữ thường và viết hoa mỗi từ tiếp theo, giống những cái bướu của con lạc đà. Nó còn được gọi là kiểu lạc đà, camel caps hoặc lower camel case. Tất cả đều chỉ cùng một kiểu viết.

Bạn có thể cho một ví dụ camelCase không?

Tất nhiên. "first name" thành firstName, "total order value" thành totalOrderValue và "is user active" thành isUserActive. Dán cụm từ của bạn vào công cụ để có ngay kết quả tương tự, kể cả với tên dài hơn.

camelCase và snake_case khác nhau thế nào?

camelCase nối các từ bằng chữ hoa (orderTotal), còn snake_case dùng từ viết thường và dấu gạch dưới (order_total). Lựa chọn phù hợp tùy vào ngôn ngữ: JavaScript và Java ưa camelCase, còn Python, Ruby và SQL ưa snake_case. Điều quan trọng hơn cả kiểu viết là sự nhất quán trong toàn dự án.

PascalCase và camelCase: khác nhau ở đâu?

Chỉ ở chữ cái đầu tiên. PascalCase (còn gọi là ký pháp Pascal hoặc upper camel case) viết hoa cả từ đầu tiên: OrderTotal. camelCase giữ nó viết thường: orderTotal. Lớp và component thường dùng PascalCase; biến và hàm thường dùng camelCase.

kebab-case là gì?

kebab-case nối các từ viết thường bằng dấu gạch ngang, như những miếng thịt trên xiên: order-total. Hầu hết ngôn ngữ lập trình không cho dùng nó trong tên biến vì dấu gạch ngang nghĩa là phép trừ, nên nó chủ yếu dùng cho URL, lớp CSS và tên tệp.

Train-Case là gì?

Train-Case viết hoa mỗi từ và nối chúng bằng dấu gạch ngang: Content-Type. Kiểu này phổ biến trong tên header HTTP. Hiện chưa có nút Train-Case, nhưng bạn có thể chuyển sang Title Case rồi thay khoảng trắng bằng dấu gạch ngang.

Vì sao quy ước đặt tên lại quan trọng?

Tên nhất quán giúp mã dễ đọc, dễ tìm và dễ review hơn. Linter và hướng dẫn phong cách như PEP 8 yêu cầu một kiểu viết cụ thể cho từng loại tên, nên trộn lẫn snake_case, PascalCase và camelCase trong cùng dự án sẽ gây lỗi và diff lộn xộn.

Công cụ chuyển đổi camelCase này có miễn phí không?

Có. Mọi định dạng trong công cụ này đều miễn phí, không cần đăng ký và không giới hạn. Nó chạy trên mọi trình duyệt, cả máy tính lẫn điện thoại.

Bạn đang tạo URL từ một tiêu đề?

Biến bất kỳ tiêu đề nào thành slug gọn gàng, thân thiện với SEO bằng công cụ Văn bản sang Slug của chúng tôi.

Tạo slug

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Chúng tôi quan tâm đến dữ liệu của bạn và muốn sử dụng cookie để cải thiện trải nghiệm của bạn.