nicetool.dev logo

แปลงรูปแบบตัวอักษร

ทุกรูปแบบอัปเดตทันทีขณะพิมพ์ แต่ละบรรทัดถูกแปลงแยกกัน

อินพุต · 10 คำ

เคล็ดลับ: วางรายการชื่อ (บรรทัดละหนึ่งชื่อ) เพื่อแปลงทั้งหมดในครั้งเดียว

camelCase
userProfileSettings
xmlHttpRequestHandler
nicetoolDevTools
PascalCase
UserProfileSettings
XmlHttpRequestHandler
NicetoolDevTools
snake_case
user_profile_settings
xml_http_request_handler
nicetool_dev_tools
CONSTANT_CASE
USER_PROFILE_SETTINGS
XML_HTTP_REQUEST_HANDLER
NICETOOL_DEV_TOOLS
kebab-case
user-profile-settings
xml-http-request-handler
nicetool-dev-tools
Train-Case
User-Profile-Settings
Xml-Http-Request-Handler
Nicetool-Dev-Tools
dot.case
user.profile.settings
xml.http.request.handler
nicetool.dev.tools
path/case
user/profile/settings
xml/http/request/handler
nicetool/dev/tools
Title Case
Userprofile Settings
Xmlhttprequest Handler
Nicetool Dev Tools
Sentence case
Userprofile settings
Xmlhttprequest handler
Nicetool dev tools
lower case
userprofile settings
xmlhttprequest handler
nicetool dev tools
UPPER CASE
USERPROFILE SETTINGS
XMLHTTPREQUEST HANDLER
NICETOOL DEV TOOLS
aLtErNaTiNg
uSeRpRoFiLe SeTtInGs
xMlHtTpReQuEsT hAnDlEr
nIcEtOoL dEv ToOlS
iNVERSE cASE
USERpROFILE SETTINGS
xmlhTTPrEQUEST HANDLER
NICETOOL DEV TOOLS

เครื่องมือแปลงรูปแบบตัวอักษรคืออะไร?

ภาษาโปรแกรมและเครื่องมือต่าง ๆ ใช้หลักการตั้งชื่อต่างกัน: camelCase ใน JavaScript, snake_case ใน Python และฐานข้อมูล, kebab-case ใน URL และ CSS และ CONSTANT_CASE สำหรับตัวแปรสภาพแวดล้อม เครื่องมือนี้ตรวจจับขอบเขตคำและแปลงระหว่างทุกรูปแบบ

คุณสมบัติ

  • • 14 รูปแบบ รวมถึง camelCase, PascalCase, snake_case และ kebab-case
  • • แยกคำอย่างชาญฉลาดสำหรับคำย่อเช่น XMLHttpRequest
  • • รองรับ Unicode สำหรับตัวอักษรที่มีเครื่องหมายและไม่ใช่ละติน
  • • แปลงทีละบรรทัดสำหรับรายการ

เป็นส่วนตัวและรวดเร็ว

ข้อความถูกแปลงทันทีในเบราว์เซอร์โดยไม่มีการเรียกเซิร์ฟเวอร์

ข้อมูลไม่ออกจากอุปกรณ์ของคุณ

วิธีใช้ แปลงรูปแบบตัวอักษร

  1. 1

    พิมพ์หรือวางข้อความ ชื่อตัวแปร หรือรายการลงในช่องกรอก ผสมหลายรูปแบบได้ เช่น userProfile, user_profile และ "User Profile" ถูกเข้าใจว่าเป็นคำชุดเดียวกัน

  2. 2

    ทุกรูปแบบแสดงพร้อมกัน ได้แก่ camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, Train-Case, dot.case, path/case, Title Case, Sentence case ตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ และอื่น ๆ

  3. 3

    แต่ละบรรทัดถูกแปลงแยกกัน รายการชื่อฟิลด์ 50 รายการจึงได้ผลลัพธ์ 50 รายการตามลำดับเดิม

  4. 4

    กดคัดลอกที่รูปแบบที่ต้องการ แล้ววางลงในโค้ด schema ของฐานข้อมูล หรือเอกสาร

ตัวอย่างการใช้งานจริง

แมปฟิลด์ของ API ไปยังโค้ด

REST API คืนค่า created_at และ user_id แต่โมเดล TypeScript ใช้ camelCase วางรายการฟิลด์แล้วคัดลอก createdAt และ userId ได้ในครั้งเดียว

ตั้งชื่อค่าคงที่และตัวแปรสภาพแวดล้อม

เปลี่ยน "max upload size" เป็น MAX_UPLOAD_SIZE สำหรับตัวแปรสภาพแวดล้อมหรือค่าคงที่โดยไม่ต้องพิมพ์ใหม่

คลาส CSS และ URL

kebab-case เป็นธรรมเนียมของชื่อคลาส CSS ชื่อไฟล์ในโปรเจกต์ front-end จำนวนมาก และพาธ URL เช่น "Primary Button" กลายเป็น primary-button

หัวข้อและชื่อเรื่อง

แก้หัวข้อภาษาอังกฤษที่เผลอพิมพ์เป็นตัวพิมพ์ใหญ่หรือเล็กทั้งหมด โดยแปลงเป็น Title Case หรือ Sentence case ก่อนเผยแพร่

คำถามที่พบบ่อย

รูปแบบใดใช้กับอะไร?+

ธรรมเนียมทั่วไป: camelCase สำหรับตัวแปรใน JavaScript และ Java, PascalCase สำหรับคลาสและคอมโพเนนต์ React, snake_case สำหรับ Python และคอลัมน์ SQL, CONSTANT_CASE สำหรับค่าคงที่และตัวแปรสภาพแวดล้อม, kebab-case สำหรับ CSS และ URL

แยกคำอย่างไร?+

แยกที่ช่องว่าง ขีดกลาง ขีดล่าง จุด และเครื่องหมายทับ รวมถึงระหว่างตัวพิมพ์เล็กกับตัวพิมพ์ใหญ่ XMLHttpRequest จึงถูกแยกเป็น XML, Http และ Request

Title Case กับ Sentence case ต่างกันอย่างไร?+

Title Case ขึ้นต้นทุกคำด้วยตัวพิมพ์ใหญ่ ("Release Notes For Version 2") ส่วน Sentence case ขึ้นต้นตัวพิมพ์ใหญ่เฉพาะคำแรกเหมือนประโยคทั่วไป ("Release notes for version 2")

ใช้กับตัวอักษรที่มีเครื่องหมายหรืออักษรที่ไม่ใช่ละตินได้หรือไม่?+

ได้ ตัวอักษรอย่าง é, ü หรืออักษรซีริลลิกจะคงอยู่และเปลี่ยนตัวพิมพ์ได้ถูกต้อง ส่วนอักษรที่ไม่มีตัวพิมพ์เล็กใหญ่ เช่น ภาษาไทยหรือจีน จะคงไว้ตามเดิม