วิธีแปลงตัวพิมพ์ของข้อความ
ธรรมเนียมการตั้งชื่อสำคัญ ไม่ว่าคุณจะเขียนโค้ด ตั้งชื่อไฟล์ หรือจัดรูปแบบหัวข้อ การใช้ตัวพิมพ์ที่ถูกต้องช่วยให้สิ่งต่างๆ คงเส้นคงวาและเป็นมืออาชีพ การแปลงด้วยมือนั้นน่าเบื่อและเสี่ยงต่อความผิดพลาด — โดยเฉพาะกับข้อความยาวๆ หรือชื่อตัวแปรยาวๆ
ตัวพิมพ์ที่พบบ่อยและการใช้งาน
| ตัวพิมพ์ | ตัวอย่าง | การใช้งานทั่วไป |
|---|---|---|
| UPPERCASE | HELLO WORLD | ค่าคงที่ คำย่อ หัวข้อ |
| lowercase | hello world | คุณสมบัติ CSS อีเมล ข้อความที่ไม่เป็นทางการ |
| Title Case | Hello World | หัวข้อ ชื่อเฉพาะ |
| Sentence case | Hello world | เนื้อหา คำอธิบาย |
| camelCase | helloWorld | ตัวแปรและฟังก์ชัน JavaScript/Java |
| PascalCase | HelloWorld | ชื่อคลาส คอมโพเนนต์ React |
| snake_case | hello_world | Python, Ruby, คอลัมน์ฐานข้อมูล |
| kebab-case | hello-world | URL, คลาส CSS, ชื่อไฟล์ |
| CONSTANT_CASE | HELLO_WORLD | ค่าคงที่ ตัวแปรสภาพแวดล้อม |
วิธีแปลงตัวพิมพ์
- วางข้อความของคุณ — ป้อนข้อความใดๆ ในตัวแปลง ทำงานกับคำเดียว ชื่อตัวแปร ประโยค หรือย่อหน้าทั้งหมด
- เลือกตัวพิมพ์ — คลิกรูปแบบที่ต้องการ การแปลงใช้ทันที
- คัดลอกผลลัพธ์ — คลิกคัดลอกเพื่อรับข้อความที่แปลงแล้วสำหรับโค้ด เอกสาร หรือชื่อไฟล์ของคุณ
การใช้งานจริง
การเปลี่ยนชื่อตัวแปร — การวางชื่อใน snake_case แล้วแปลงเป็น camelCase (หรือกลับกัน) เร็วกว่าและเสี่ยงต่อข้อผิดพลาดน้อยกว่าการพิมพ์ใหม่
การจัดรูปแบบหัวข้อ — การแปลงหัวข้อย่อหน้าเป็น Title Case รับประกันการพิมพ์ตัวพิมพ์ใหญ่ที่สม่ำเสมอตลอดทั้งเอกสารของคุณ
การสร้าง URL slug — การแปลงชื่อหน้าเป็น kebab-case ให้สตริงที่สะอาดและเข้ากันได้กับ URL
การเขียนค่าคงที่ — การแปลงชื่ออธิบายเป็น CONSTANT_CASE ปฏิบัติตามธรรมเนียมที่ทีมของคุณคาดหวัง
เคล็ดลับ
- ปฏิบัติตามธรรมเนียมของภาษาของคุณ — Python ใช้ snake_case, JavaScript ใช้ camelCase, CSS ใช้ kebab-case ความสม่ำเสมอภายในโค้ดเดียวกันสำคัญกว่าความชอบส่วนตัว
- รองรับยูนิโคด — ตัวแปลงจัดการเครื่องหมาย อิโมจิ และอักขระ CJK ดังนั้นจึงทำงานกับข้อความในภาษาใดก็ได้
- ระวังคำย่อใน Title Case — ตัวแปลงส่วนใหญ่ทำให้ตัวพิมพ์ใหญ่ของแต่ละคำ ซึ่งอาจเปลี่ยน « API » เป็น « Api » ตรวจสอบคำย่อหลังการแปลง
- ใช้ sentence case เพื่อความสามารถในการอ่าน — สำหรับข้อความที่ผู้ใช้มองเห็นเช่นป้ายกำกับปุ่มและคำอธิบาย sentence case มักอ่านได้ง่ายกว่า Title Case
คำถามที่พบบ่อย
ความแตกต่างระหว่าง camelCase และ PascalCase คืออะไร?
camelCase เริ่มต้นด้วยตัวพิมพ์เล็กและทำให้แต่ละคำที่ตามมาเป็นตัวพิมพ์ใหญ่ (myVariableName) PascalCase ทำให้แต่ละคำเป็นตัวพิมพ์ใหญ่ รวมถึงคำแรก (MyVariableName) ในภาษาส่วนใหญ่ camelCase ใช้สำหรับตัวแปรและฟังก์ชัน PascalCase สำหรับคลาสและประเภท
เมื่อใดควรใช้ snake_case หรือ kebab-case?
snake_case ใช้ขีดล่างและเป็นมาตรฐานใน Python, Ruby และสำหรับชื่อคอลัมน์ฐานข้อมูล kebab-case ใช้ขีดและพบบ่อยใน URL คลาส CSS และชื่อไฟล์ ใช้สิ่งที่ภาษาหรือบริบทของคุณคาดหวัง
CONSTANT_CASE คืออะไร?
CONSTANT_CASE (เรียกอีกอย่างว่า SCREAMING_SNAKE_CASE) ใช้ตัวพิมพ์ใหญ่ทั้งหมดพร้อมขีดล่างระหว่างคำ เป็นธรรมเนียมมาตรฐานสำหรับค่าคงที่ ตัวแปรสภาพแวดล้อม และคีย์การกำหนดค่าในภาษาส่วนใหญ่
ข้อความของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อความของคุณไม่เคยออกจากอุปกรณ์ของคุณ