แปลงข้อความเป็น camelCase firstWordLower ฟรี ออนไลน์ ปลอดภัย
วางหนึ่งบรรทัดแล้วอ่านผลกลับมาในรูปแบบ camelCase ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ — สิ่งที่คุณพิมพ์จะไม่ถูกส่งไปที่ใด และกฎต่าง ๆ เป็นไปตามภาษาของหน้านี้ ไม่ใช่ภาษาอังกฤษ
เขียนในอีกรูปแบบหนึ่ง
ไม่มีการอัปโหลด
บรรทัดเดียวกันในทั้งเจ็ดรูปแบบ
| รูปแบบการเขียน | บรรทัดเดียวกัน เขียนในรูปแบบนั้น |
|---|---|
| ตัวพิมพ์ใหญ่ | CRÈME BRÛLÉE สำหรับ 2 ท่าน — STRASSE 17, FOOBAR |
| ตัวพิมพ์เล็ก | crème brûlée สำหรับ 2 ท่าน — straße 17, foobar |
| Title Case | Crème Brûlée สำหรับ 2 ท่าน — Straße 17, Foobar |
| snake_case | crème_brûlée_สำหร_บ_2_ท_าน_straße_17_foo_bar |
| kebab-case | crème-brûlée-สำหร-บ-2-ท-าน-straße-17-foo-bar |
| camelCase | crèmeBrûléeสำหรบ2ทานStraße17FooBar |
| slug ของ URL | creme-brulee-สำหร-บ-2-ท-าน-strasse-17-foobar |
รูปแบบเหล่านี้มาจากไหน
ตัวพิมพ์ใหญ่และตัวพิมพ์เล็กเคยเป็นตัวอักษรสองชุดที่ต่างกัน ตัวพิมพ์ใหญ่เป็นแบบโรมัน ใช้สกัดลงบนหิน ส่วนตัวพิมพ์เล็กสืบมาจากอักษรมินัสคูลแบบการอแล็งเฌียง ซึ่งเกิดจากปากกาที่เคลื่อนไปบนแผ่นหนังอย่างรวดเร็ว ช่างพิมพ์เก็บอักษรสองชุดนี้ไว้ในถาดแยกกัน คือถาดบน (upper case) และถาดล่าง (lower case) และชื่อเหล่านี้ก็ติดมานานหลังจากไม่มีถาดแล้ว ส่วนรูปแบบสำหรับงานโปรแกรมมีอายุน้อยกว่ามาก และถูกคิดขึ้นเพื่อแก้ปัญหาข้อเดียว คือชื่อไม่สามารถมีช่องว่างได้ snake_case มาจากภาษา C ในยุคแรก camelCase มาจาก Smalltalk kebab-case มาจาก Lisp และ URL slug เกิดจากความจำเป็นที่ต้องนำชื่อเรื่องที่คนอ่านเข้าใจไปใส่ในที่อยู่เว็บ ซึ่งไม่อนุญาตให้มีช่องว่างและเครื่องหมายกำกับเสียง
คุณจะพบได้ที่ไหน
Title Case เหมาะกับหัวข้อและชื่อหนังสือ ส่วนตัวพิมพ์ใหญ่เฉพาะต้นประโยค (sentence case) เหมาะกับแทบทุกอย่างที่เหลือ และใช้กับหน้าจออินเทอร์เฟซมากขึ้นเรื่อย ๆ เพราะอ่านได้เร็วกว่า snake_case ใช้ตั้งชื่อคอลัมน์ในฐานข้อมูลและตัวแปรใน Python camelCase ใช้ตั้งชื่อตัวแปรใน JavaScript และเมธอดใน Java kebab-case ใช้ตั้งชื่อคลาส CSS และชื่อไฟล์ในโปรเจกต์เว็บ ส่วน slug คือสิ่งที่เปลี่ยนพาดหัวบทความให้เป็นส่วนท้ายของที่อยู่เว็บ และเป็นการแปลงเพียงอย่างเดียวในหน้านี้ที่เสิร์ชเอนจินอ่าน
คำถามที่คนมักถาม
ทำไมการเปลี่ยนเป็นตัวพิมพ์ใหญ่จึงบางครั้งทำให้จำนวนตัวอักษรเปลี่ยนไป
เพราะตัวพิมพ์ใหญ่และเล็กเป็นคุณสมบัติของภาษา ไม่ใช่ของตัวอักษรแต่ละตัว ตัว ß ในภาษาเยอรมันจะกลายเป็น SS เมื่อเป็นตัวพิมพ์ใหญ่ ตัวอักษรหนึ่งตัวจึงกลายเป็นสองตัว ภาษาตุรกีมี i แบบมีจุดและแบบไม่มีจุด และการเปลี่ยน i เป็นตัวพิมพ์ใหญ่จะได้ İ ไม่ใช่ I ถ้าทำผิด คำภาษาตุรกีจะกลายเป็นอีกคำหนึ่ง การแปลงในหน้านี้ทำตามกฎของภาษาที่หน้านั้นใช้อยู่ ดังนั้นข้อความเดียวกันจึงอาจให้ผลต่างกันระหว่างหน้าภาษาตุรกีกับหน้าภาษาอังกฤษ
ทำไม slug จึงตัดเครื่องหมายกำกับเสียงและเครื่องหมายวรรคตอนออก
เพราะที่อยู่เว็บต้องทนต่อการถูกคัดลอกลงในข้อความ พิมพ์ลงบนกระดาษ และพิมพ์กลับเข้ามาด้วยมือ ตัวอักษรที่มีเครื่องหมายกำกับเสียงใช้ได้ใน URL สมัยใหม่ แต่เมื่อคัดลอกจะถูกเข้ารหัสแบบเปอร์เซ็นต์ ทำให้ที่อยู่ที่อ่านง่ายกลายเป็นสายสัญลักษณ์ยาวเหยียด การลดให้เหลือเพียงตัวอักษรธรรมดา ตัวเลข และขีดกลาง ช่วยให้ที่อยู่อ่านง่าย แชร์ต่อได้ และเหมือนกันทุกที่ที่ปรากฏ
คำตอบแม่นยำหรือไม่?
ถ้าหน่วยทั้งสองกำหนดค่าอิงกันด้วยจำนวนเต็ม คำตอบก็แม่นยำ — หน้านี้บอกไว้เหนือตัวเลข และการปัดเศษมีเพียงในจำนวนหลักที่แสดง แต่ถ้าอัตราส่วนไม่เป็นทศนิยมจำกัด หน้านี้จะแสดง 12 หลักนัยสำคัญ และบอกว่าความสัมพันธ์นั้นเป็นค่าประมาณ แทนที่จะแสร้งว่าแม่นยำ
สิ่งที่ฉันพิมพ์จะออกจากอุปกรณ์ของฉันหรือไม่?
ไม่ การคำนวณทำในเบราว์เซอร์ของคุณ ไม่มีอะไรถูกอัปโหลด และก็ไม่มีเซิร์ฟเวอร์ให้อัปโหลดไปด้วย โหลดหน้านี้เพียงครั้งเดียว แล้วจะใช้งานต่อได้แม้ปิดเครือข่าย
ทำไมคุณจึงแปลงข้อความเป็น camelCase
เปิดไฟล์ JavaScript เกือบทุกไฟล์ คลาส Java ใด ๆ หรือซอร์สโค้ด Swift หรือ Kotlin ก็ตาม ชื่อต่าง ๆ จะดูเหมือนกันหมด: userName, totalPrice, getCustomerById, isLoggedIn คำต่าง ๆ ถูกเขียนติดกันโดยไม่มีช่องว่างและไม่มีตัวคั่น คำแรกเป็นตัวพิมพ์เล็ก และทุกคำหลังจากนั้นขึ้นต้นด้วยตัวพิมพ์ใหญ่ ส่วนโหนกตรงกลางคำนี้เองที่ทำให้รูปแบบนี้ได้ชื่อ นี่คือ camelCase และเป็นรูปแบบที่ภาษาตระกูล C ส่วนใหญ่ลงตัวใช้กับตัวแปรและฟังก์ชัน การแปลงข้อความเป็น camelCase คือการเปลี่ยนวลีที่มนุษย์เขียนให้เป็นชื่อที่โปรแกรมยอมรับและโปรแกรมเมอร์จำได้
วางหนึ่งบรรทัดแล้วอ่านผลลัพธ์ในรูปแบบ camelCase การแปลงเกิดขึ้นในเบราว์เซอร์ของคุณ สิ่งที่คุณพิมพ์ไม่ถูกส่งไปที่ใด และกฎเป็นไปตามภาษาของหน้านี้ ไม่ใช่ภาษาอังกฤษ หน้านี้ตัดบรรทัดเป็นคำ คงคำแรกไว้เป็นตัวพิมพ์เล็ก ยกตัวอักษรแรกของทุกคำหลังจากนั้นให้เป็นตัวพิมพ์ใหญ่ และเชื่อมเข้าด้วยกันโดยไม่มีอะไรคั่น ด้านล่างนี้คุณจะพบว่าหน้านี้ทำอะไรและไม่ทำอะไรกันแน่ จัดการกับตัวอักษรที่ยุ่งยากของภาษาต่าง ๆ อย่างไร ความแตกต่างระหว่าง camelCase กับรูปแบบพี่น้องที่ขึ้นต้นด้วยตัวใหญ่ ที่ใดที่รูปแบบนี้เป็นธรรมเนียมและที่ใดที่ไม่ใช่ และกับดักที่ทำให้คนที่รีบแปลงข้อความเป็น camelCase พลาดได้
การแปลงทำอะไร
ตัด คำแรกเล็ก คำหลังใหญ่ เชื่อม
หน้านี้ตัดบรรทัดเป็นคำก่อน คำแรกยังเป็นตัวพิมพ์เล็ก ทุกคำหลังจากนั้นได้ตัวพิมพ์ใหญ่ที่จุดเริ่มต้น ส่วนที่เหลือเป็นตัวพิมพ์เล็ก จากนั้นคำทั้งหมดถูกเชื่อมเข้าด้วยกันโดยไม่มีอะไรคั่น บรรทัด Crème brûlée for 2 — straße 17, fooBar กลับมาเป็น crèmeBrûléeFor2Straße17FooBar เครื่องหมายเน้นเสียงถูกเก็บไว้ ตัวเลขยืนเป็นคำของตัวเอง เครื่องหมายขีดยาวและเครื่องหมายจุลภาคหายไป และ fooBar ซึ่งหน้านี้ตัดที่ตัวพิมพ์ใหญ่ ถูกประกอบกลับเป็น FooBar ที่ท้าย
จุดที่ตัด
ขอบเขตของคำคือช่องว่าง เครื่องหมายวรรคตอน เครื่องหมายขีด สัญลักษณ์ หรือการเปลี่ยนจากตัวพิมพ์เล็กเป็นตัวพิมพ์ใหญ่ภายในคำ ดังนั้น customer first name, customer-first-name, customer_first_name และ customerFirstName ทั้งหมดกลายเป็น customerFirstName การแปลงรับจุดเริ่มต้นได้เกือบทุกแบบและมาถึงรูปแบบเดียวกันเสมอ ทำให้เป็นขั้นตอนสุดท้ายที่เชื่อถือได้ก่อนที่ชื่อจะเข้าไปอยู่ในโค้ด
การคัดลอกผลลัพธ์
ปุ่มข้างผลลัพธ์คัดลอกไปยังคลิปบอร์ด วางลงในตัวแก้ไขหรือไฟล์ที่ต้องการใช้ชื่อนั้น
สิ่งที่การแปลงไม่ทำ
ไม่เก็บเครื่องหมายวรรคตอน
เครื่องหมายจุลภาค จุด และขีดเป็นขอบเขตระหว่างคำ ไม่ใช่ตัวอักษรที่ต้องนำไปด้วย นั่นคือสิ่งที่คุณต้องการสำหรับชื่อตัวแปร แต่ไม่ใช่สิ่งที่คุณต้องการสำหรับข้อความร้อยแก้ว ประโยคที่ผ่านหน้านี้จะกลับมาเป็นชื่อ และเครื่องหมายวรรคตอนหายไป
ไม่ลบเครื่องหมายเน้นเสียง
บรรทัดเก็บตัวอักษรที่มีเครื่องหมายเน้นเสียงไว้: crèmeBrûlée หลายภาษาอนุญาตให้ใช้ในชื่อ แต่เครื่องมือและคู่มือสไตล์จำนวนมากไม่อนุญาต หากคุณต้องการตัวอักษรธรรมดา ให้ผ่านวลีนั้นไปที่หน้า URL slug ก่อน ซึ่งนำเครื่องหมายออกจากตัวอักษรละติน แล้วจึงแปลงข้อความเป็น camelCase
ไม่ตรวจสอบว่าชื่อถูกต้องตามกฎหรือไม่
ภาษาโปรแกรมมีกฎของตัวเอง ชื่ออาจขึ้นต้นด้วยตัวเลขไม่ได้ และอาจเป็นคำสงวนไม่ได้ วลีอย่าง 2 for 1 กลายเป็น 2For1 ซึ่งภาษาส่วนใหญ่ปฏิเสธตั้งแต่ตัวอักษรแรก หน้านี้สร้างรูปทรง ส่วนคุณตรวจสอบความถูกต้อง
camelCase และ PascalCase
แนวคิดเดียวกัน ตัวอักษรแรกต่างกัน
เมื่อคำแรกขึ้นต้นด้วยตัวพิมพ์ใหญ่ด้วย เช่น CustomerFirstName รูปแบบนี้เรียกว่า PascalCase, UpperCamelCase หรือ StudlyCaps ธรรมเนียมในภาษาส่วนใหญ่คือใช้ PascalCase กับชนิดข้อมูลและคลาส และใช้ camelCase กับตัวแปร ฟังก์ชัน และเมธอด หน้านี้สร้างรูปแบบที่ขึ้นต้นด้วยตัวพิมพ์เล็ก หากต้องการ PascalCase ให้แปลงวลีแล้วยกตัวอักษรแรกขึ้นด้วยมือ
ทำไมตัวอักษรแรกจึงสำคัญ
ตัวพิมพ์ใหญ่ที่จุดเริ่มต้นบอกผู้อ่านว่าชื่อนั้นเป็นคลาส และตัวพิมพ์เล็กบอกว่าเป็นอินสแตนซ์หรือฟังก์ชัน ในภาษาที่เครื่องมือบังคับธรรมเนียมนี้ เช่น Go ที่ตัวพิมพ์ใหญ่หมายถึงสาธารณะ ความแตกต่างนี้เป็นส่วนหนึ่งของความหมาย
ภาษามีผล
ระบบการเขียนที่ไม่มีช่องว่าง
การตัดเป็นคำต้องมีขอบเขต ภาษาจีนและภาษาญี่ปุ่นเขียนโดยไม่มีช่องว่าง ดังนั้นบรรทัดในระบบการเขียนเหล่านั้นจะกลับมาเป็นคำเดียว หน้านี้เลือกที่จะบอกเช่นนั้นมากกว่าตัดตรงที่เดาไว้ เพราะการตัดผิดจะสร้างชื่อที่ดูสมเหตุสมผลแต่มีความหมายผิด
ภาษาตุรกีและ i มีจุด
การยกตัวอักษรแรกของแต่ละคำเป็นไปตามกฎของภาษาของหน้านี้ ในภาษาตุรกี ตัวพิมพ์ใหญ่ของ i คือ İ และตัวพิมพ์ใหญ่ของ ı คือ I ตัวแปลงที่ใช้กฎภาษาอังกฤษจะเปลี่ยนคำ หน้านี้ทำตามภาษาที่ใช้เขียน
ภาษาเยอรมันและ s คม
ß ภาษาเยอรมันที่อยู่กลางคำคงเดิม เช่นใน straße ตัวพิมพ์ใหญ่ STRASSE กลับมาเป็น strasse โดยมี s สองตัว
ระบบการเขียนที่ไม่มีตัวพิมพ์ใหญ่
ภาษาอาหรับ ภาษาฮีบรู และอักษรอินเดียไม่มีตัวพิมพ์ใหญ่ คำต่าง ๆ จึงถูกเชื่อมเข้าด้วยกันเท่านั้น ผลลัพธ์จะอ่านได้ในระบบการเขียนเช่นนั้นหรือไม่เป็นเรื่องของเครื่องมือที่คุณใช้
ที่ใดที่ camelCase เป็นธรรมเนียม
JavaScript และ TypeScript
ตัวแปร ฟังก์ชัน และคุณสมบัติของออบเจ็กต์เขียนเป็น camelCase และคุณสมบัติของออบเจ็กต์ JSON ในอินเทอร์เฟซเว็บส่วนใหญ่ก็เช่นกัน วลีที่คุณแปลงข้อความเป็น camelCase น่าจะกำลังมุ่งไปที่หนึ่งในสิ่งเหล่านี้
Java, Kotlin, Swift, C# และ Dart
นิสัยเดียวกันใช้กับตัวแปรภายในและเมธอด โดยใช้ PascalCase กับคลาส และใน C# กับเมธอดและคุณสมบัติด้วย คู่มือสไตล์ของทีมเป็นผู้กำหนดรายละเอียด
JSON จากเว็บเซอร์วิส
API จำนวนมากส่งคีย์อย่าง firstName และ orderTotal หากข้อมูลของคุณเริ่มต้นเป็นตาราง แปลง CSV เป็น JSON เปลี่ยนแถวส่วนหัวเป็นคีย์ และส่วนหัวที่แปลงเป็น camelCase แล้วจะกลายเป็นคีย์ที่โค้ดอ่านได้โดยไม่ต้องใช้วงเล็บและเครื่องหมายอัญประกาศ ในทิศทางตรงข้าม แปลง JSON เป็น CSV เขียนคีย์กลับเป็นส่วนหัว
แฮชแท็กและแฮนเดิล
นอกวงการโปรแกรมมิง camel case ถูกใช้กับแฮชแท็กอย่าง #SpringGardenTips เพราะตัวพิมพ์ใหญ่ทำเครื่องหมายขอบเขตของคำให้สายตา และยังดีกว่าสำหรับการเข้าถึงด้วย: โปรแกรมอ่านหน้าจออ่านแฮชแท็กที่ใช้ตัวพิมพ์ใหญ่เป็นคำแยกกัน และอ่านตัวอักษรพิมพ์เล็กที่ต่อกันเป็นคำเดียวที่แปลก
ที่ใดที่ไม่ใช่ธรรมเนียม
Python, Ruby และฐานข้อมูล
สิ่งเหล่านี้นิยมขีดล่าง สำหรับสิ่งเหล่านี้ snake_case คือเครื่องมือ
CSS และที่อยู่เว็บ
ชื่อคลาส คุณสมบัติที่กำหนดเอง และที่อยู่ใช้ยัติภังค์ ดู kebab-case
ร้อยแก้วและหัวข้อ
camelCase ใช้กับชื่อ ไม่ใช่สำหรับอ่าน หัวข้อหรือประโยคในรูปแบบนี้ทำให้สายตาเหนื่อย สำหรับหัวข้อ ลองพิจารณา Title Case
วิธีแปลงข้อความเป็น camelCase ที่นี่
วางหรือพิมพ์ข้อความของคุณ
ป้อนวลีในช่องแรก ผลลัพธ์ปรากฏทันทีในช่องที่สอง คุณจึงดูมันเปลี่ยนไปได้ขณะที่พิมพ์
ตรวจสอบจุดตัดและตัวย่อ
ดูว่าคำถูกแบ่งตรงไหนและตัวย่อถูกจัดการอย่างไร ชื่ออย่าง parseHtmlString กับ parseHTMLString เป็นธรรมเนียมที่ต่างกัน และหน้านี้ใช้กฎเดียวตลอด
คัดลอก
กดปุ่มคัดลอกแล้ววางผลลัพธ์ในที่ที่คุณต้องการ สำหรับรูปแบบอื่นของบรรทัดเดียวกัน ดูด้านล่าง
บรรทัดเดียวกันในเจ็ดรูปแบบการเขียน
ตารางรูปแบบ
ใต้ตัวแปลง ตารางแสดงบรรทัดตัวอย่างในทั้งเจ็ดรูปแบบที่ไซต์นี้มีให้: ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก Title Case, snake_case, kebab-case, camelCase และ URL slug เป็นวิธีที่รวดเร็วในการดูว่าคำเดียวกันดูเป็นอย่างไรในแต่ละรูปแบบ
รูปแบบเหล่านี้มาจากไหน
สองอักษร
ตัวพิมพ์ใหญ่และตัวพิมพ์เล็กครั้งหนึ่งเคยเป็นสองอักษรที่ต่างกัน ตัวพิมพ์ใหญ่เป็นแบบโรมัน สลักลงบนหินด้วยสกัด ส่วนตัวพิมพ์เล็กสืบมาจากอักษรมินัสคิวล์แบบการอแล็งเฌียง ซึ่งเกิดจากปากกาที่เคลื่อนไปบนแผ่นหนังอย่างรวดเร็ว ช่างพิมพ์เก็บทั้งสองไว้ในถาดแยกกัน คือถาดบนและถาดล่าง และชื่อเหล่านั้นติดอยู่นานหลังจากถาดหายไป
ชื่อที่ไม่มีช่องว่าง
รูปแบบของการเขียนโปรแกรมอายุน้อยกว่ามากและถูกคิดขึ้นเพื่อแก้ปัญหาเดียว: ชื่อมีช่องว่างไม่ได้ snake_case มาจาก C ยุคแรก camelCase มาจาก Smalltalk kebab-case มาจาก Lisp และ URL slug มาจากความต้องการนำชื่อเรื่องของมนุษย์ไปใส่ในที่อยู่ที่ไม่อนุญาตให้มีช่องว่างและเครื่องหมายเน้นเสียง ใน camelCase ตัวพิมพ์ใหญ่ทำหน้าที่ที่ขีดล่างหรือยัติภังค์ทำที่อื่น คือทำเครื่องหมายว่าคำหนึ่งจบและคำถัดไปเริ่มที่ใด
camelCase ในขั้นตอนการทำงานที่กว้างขึ้น
จากข้อกำหนดสู่โค้ด
เอกสารข้อกำหนดเขียนเป็นประโยค และโค้ดเขียนเป็นชื่อ ระหว่างสองสิ่งนี้ ต้องมีใครสักคนแปลคำนามและคำกริยาแต่ละคำให้เป็นตัวระบุ การทำด้วยมือช้าและเชื้อเชิญให้เกิดความไม่สอดคล้อง: นักพัฒนาคนหนึ่งเขียน customerName อีกคนเขียน clientName สำหรับสิ่งเดียวกัน หากทีมตกลงที่จะแปลงข้อความเป็น camelCase จากถ้อยคำที่แน่นอนของข้อกำหนด ชื่อจะตามคำ และใครก็ตามหาโค้ดที่ข้อกำหนดข้อหนึ่งอ้างถึงได้โดยค้นหาวลีนั้น
จากส่วนหัวตารางสู่คีย์ของออบเจ็กต์
สเปรดชีตมีส่วนหัวอย่าง First Name, Order Total และ Date Of Birth เมื่อข้อมูลกลายเป็นระเบียนในโปรแกรม ส่วนหัวเหล่านั้นกลายเป็นคีย์ การแปลงแต่ละส่วนหัวเป็น camelCase ให้ firstName, orderTotal และ dateOfBirth ซึ่งโค้ดอ่านเป็นคุณสมบัติได้โดยไม่ต้องใช้เครื่องหมายอัญประกาศหรือวงเล็บ หากข้อมูลต้องกลับไปที่สเปรดชีต แปลง JSON เป็น XLSX เขียนคีย์เป็นแถวแรก และวงจรก็ปิดลง
จากไฟล์ออกแบบสู่คอมโพเนนต์
เครื่องมือออกแบบตั้งชื่อเลเยอร์ด้วยคำธรรมดา: Primary Button, Card Title เมื่อนักพัฒนาสร้างคอมโพเนนต์ ชื่อเหล่านั้นกลายเป็นตัวระบุอย่าง primaryButton และ cardTitle หรือชื่อคลาส primary-button และ card-title การทำให้การแมปชัดเจนช่วยให้การส่งมอบงานราบรื่นขึ้น สำหรับขนาดและสีที่มาพร้อมกับเลเยอร์ แปลง px เป็น rem และ แปลง HEX เป็น RGB แปลงค่าที่อยู่เบื้องหลังชื่อเหล่านั้น
การค้นหาสิ่งที่คุณตั้งชื่อ
สไตล์ที่สอดคล้องกันทำให้การค้นหามีประสิทธิภาพ หากทุกคุณสมบัติเป็น camelCase การค้นหา orderTotal พบการใช้งานทั้งหมด และการค้นหา ordertotal หรือ order_total ไม่พบอะไรเลย ซึ่งตัวมันเองก็ให้ข้อมูล สไตล์ที่ปะปนกันกระจายแนวคิดเดียวกันไปตามการสะกดต่าง ๆ และซ่อนมันจากการค้นหา
การเปลี่ยนชื่ออย่างปลอดภัย
เมื่อชื่อเปลี่ยน เครื่องมือเปลี่ยนชื่อในตัวแก้ไขของคุณควรทำงานนั้น ไม่ใช่การค้นหาและแทนที่ ก่อนเปลี่ยนชื่อ ให้แปลงข้อความเป็น camelCase สำหรับชื่อใหม่จากถ้อยคำใหม่ เพื่อให้ตัวระบุใหม่เป็นไปตามธรรมเนียมตั้งแต่ต้น จากนั้นให้เครื่องมืออัปเดตทุกการอ้างอิง
ทดสอบชื่อสองสามชื่อในที่ที่มันจะอยู่
ก่อนที่คุณจะนำชื่อชุดหนึ่งมาใช้ ลองสามหรือสี่ชื่อในตัวแก้ไข ภายในบรรทัดโค้ดที่ชื่อเหล่านั้นจะปรากฏ หากแต่ละชื่ออ่านเป็นธรรมชาติเมื่ออยู่ข้างกัน ชุดนั้นก็ดี หากชื่อหนึ่งขัดหู ให้เรียบเรียงวลีใหม่และแปลงข้อความเป็น camelCase อีกครั้ง การทดลองสั้น ๆ ใช้เวลาหนึ่งนาทีและหลีกเลี่ยงการเปลี่ยนชื่อทั่วทั้งโค้ดเบส
ชื่อที่อ่านง่าย
เริ่มด้วยคำกริยาสำหรับฟังก์ชัน
ฟังก์ชันคือการกระทำ และชื่อควรบอกเช่นนั้น: getUserName, calculateTotal, isValid เมื่อคุณแปลงข้อความเป็น camelCase สำหรับฟังก์ชัน ให้เริ่มวลีด้วยคำกริยา
ใช้คำนามสำหรับค่า
ตัวแปรเก็บสิ่งหนึ่ง: userName, totalPrice, orderList ค่าบูลีนอ่านดีที่สุดเมื่อเป็นคำถาม: isActive, hasAccess, canEdit
สอดคล้องกันเรื่องตัวย่อ
บางทีมเขียน parseHTML บางทีมเขียน parseHtml ทั้งสองแบบใช้ได้ แต่การปะปนกันไม่ได้ เลือกหนึ่งแบบและใช้กับทุกชื่อ แล้วโค้ดของคุณจะค้นหาง่ายขึ้น
ทำให้ชื่อออกเสียงได้
ชื่อที่คุณอ่านออกเสียงได้คือชื่อที่คุณพูดคุยได้ custFnDt ไม่ใช่ชื่อเช่นนั้น และ customerFirstDate ใช่ การแปลงรักษาสิ่งที่คุณเขียน ดังนั้นให้เขียนสิ่งที่คุ้มค่าที่จะเก็บไว้
กับดักเมื่อคุณแปลงข้อความเป็น camelCase
ชื่อที่ขึ้นต้นด้วยตัวเลข
ภาษาส่วนใหญ่ปฏิเสธ ให้ใส่คำหรือตัวอักษรไว้ข้างหน้า
คำสงวน
วลีอย่าง class, new หรือ default เป็นคีย์เวิร์ดในหลายภาษา หน้านี้ไม่รู้ว่าภาษาไหน ตรวจสอบก่อนใช้ชื่อ
ตัวย่อและตัวพิมพ์ใหญ่ที่ต่อกัน
จุดตัดรอบตัวพิมพ์ใหญ่ที่ต่อกันอาจทำให้คุณประหลาดใจ อ่านผลลัพธ์และเทียบกับธรรมเนียมของคุณ
เครื่องหมายเน้นเสียงในชื่อ
บางภาษาอนุญาต บางภาษาไม่อนุญาต หากชื่อต้องผ่านเครื่องมือรุ่นเก่า ให้ลบเครื่องหมายเน้นเสียงก่อน
คำถามที่ผู้คนถามก่อนแปลง
เครื่องหมายวรรคตอนเป็นอย่างไร
ถูกถือเป็นขอบเขตระหว่างคำและไม่ถูกนำไปด้วย
ตัวเลขถูกเก็บไว้หรือไม่
ใช่ เป็นคำของตัวเองที่เชื่อมกับส่วนที่เหลือ
รองรับข้อมูลเข้าที่เป็น snake_case หรือ kebab-case อยู่แล้วหรือไม่
รองรับ ขีดล่างและยัติภังค์เป็นขอบเขต ดังนั้น my_variable_name กลายเป็น myVariableName
ฉันจะได้ PascalCase อย่างไร
แปลง แล้วยกตัวอักษรแรกขึ้นด้วยมือ
ข้อความของฉันถูกอัปโหลดหรือไม่
ไม่ สิ่งที่คุณพิมพ์ที่นี่ไม่เคยถูกส่งไปที่ใด ดังนั้นร่างงาน รหัสผ่าน หรือชื่อลูกค้าจึงปลอดภัยที่นี่เหมือนในตัวแก้ไขข้อความ
ฉันจะได้ขีดล่างหรือยัติภังค์แทนอย่างไร
ด้วย แปลงข้อความเป็น snake_case หรือ แปลงข้อความเป็น kebab-case
ตัวอย่างการใช้งานจริง
สมมติว่าคุณกำลังเขียนสคริปต์เล็ก ๆ เพื่อคำนวณค่าจัดส่ง และข้อกำหนดเรียกค่าต่าง ๆ ว่า delivery fee per kilometre, free delivery threshold และ is express order คุณแปลงทีละรายการและอ่านได้ deliveryFeePerKilometre, freeDeliveryThreshold และ isExpressOrder อันแรกขึ้นต้นด้วยคำนาม ซึ่งถูกต้องสำหรับค่า อันสุดท้ายขึ้นต้นด้วย is ซึ่งทำเครื่องหมายว่าเป็นแฟล็กใช่หรือไม่ใช่ คุณวางทั้งสามลงในสคริปต์เป็นชื่อตัวแปร และข้อกำหนดกับโค้ดตอนนี้ใช้คำเดียวกันในลำดับเดียวกัน ทำให้การตรวจทานง่าย
รายการตรวจสอบสั้น ๆ
ก่อนแปลง
เขียนวลีด้วยคำธรรมดา เริ่มฟังก์ชันด้วยคำกริยาและแฟล็กด้วย is หรือ has ตรวจสอบภาษาเป้าหมายสำหรับคำสงวน
ระหว่างแปลง
วางวลี ดูจุดตัด และตรวจสอบให้แน่ใจว่าชื่อขึ้นต้นด้วยตัวอักษร
หลังแปลง
ตรวจสอบความยาวและตัวย่อ และใช้ชื่อเดียวกันทุกที่ที่ต้องการ
ข้อผิดพลาดที่พบบ่อย
การใช้ camelCase กับข้อความที่ผู้คนจะอ่าน
ใช้กับชื่อ ไม่ใช่กับร้อยแก้ว
การปะปนธรรมเนียมในโครงการเดียว
เลือก camelCase, snake_case หรือ kebab-case สำหรับแต่ละชั้น และยึดตามนั้น
การลืมว่าเป้าหมายอนุญาตอะไร
ตัวเลขที่จุดเริ่มต้น เครื่องหมายเน้นเสียง และคำสงวนต่างกันไปในแต่ละภาษา
ข้อความของคุณอยู่บนอุปกรณ์ของคุณ
การแปลงเกิดขึ้นในเครื่อง ข้อความของคุณถูกจัดการโดยเบราว์เซอร์ของคุณเอง และไม่มีสิ่งใดถูกส่งไปที่ใด ไม่มีอะไรให้ลบทีหลังและไม่ต้องสร้างบัญชี นี่คือวิธีตรงไปตรงมาในการแปลงข้อความเป็น camelCase
สรุป
หากต้องการแปลงข้อความเป็น camelCase ที่นี่ ให้วางหนึ่งบรรทัดแล้วอ่านกลับโดยที่คำถูกตัด คำแรกเป็นตัวพิมพ์เล็ก ตัวอักษรแรกของทุกคำหลังถูกยกขึ้น และทุกอย่างเชื่อมกันโดยไม่มีอะไรคั่น บรรทัดที่เขียนเป็น snake_case หรือ kebab-case อยู่แล้วถูกตัดที่ตัวคั่น หน้านี้ไม่เก็บเครื่องหมายวรรคตอน: เครื่องหมายจุลภาค จุด และขีดเป็นขอบเขตระหว่างคำ ไม่ใช่ตัวอักษรที่ต้องนำไปด้วย ซึ่งเป็นสิ่งที่คุณต้องการสำหรับชื่อตัวแปรแต่ไม่ใช่สำหรับร้อยแก้ว การตัดเป็นคำต้องมีขอบเขต ดังนั้นภาษาจีนและภาษาญี่ปุ่นที่เขียนโดยไม่มีช่องว่างจึงกลับมาเป็นคำเดียว การยกตัวอักษรแรกเป็นไปตามภาษาของหน้านี้ ดังนั้น i ภาษาตุรกีจึงกลายเป็น İ ไม่มีสิ่งใดถูกอัปโหลด