บล็อกนี้แสดงขั้นตอนการทำให้คำเฉพาะใน JavaScript เป็นตัวพิมพ์ใหญ่โดยอธิบายวิธีการด้านล่าง:
จะทำให้ Word เป็นตัวพิมพ์ใหญ่แบบไดนามิกใน JavaScript ได้อย่างไร
ไม่มีคุณสมบัติในตัวหรือเมธอด JavaScript ที่สามารถใช้เป็นตัวพิมพ์ใหญ่เฉพาะคำแรกของสตริงที่ให้มา อย่างไรก็ตาม มีสองวิธีที่สามารถแก้ไขเพื่อส่งคืนผลลัพธ์ที่ต้องการ วิธีการเหล่านี้อธิบายด้วยคำอธิบายรหัส มาดำเนินการต่อ
วิธีที่ 1: ใช้วิธี “slice()”
ในวิธีนี้ ' พรอมต์ () ', และ ' ถึงตัวพิมพ์ใหญ่ () ” วิธีการใช้ควบคู่กับ “ ชิ้น() ” วิธีการใช้อักษรตัวพิมพ์ใหญ่เฉพาะคำแรกหรือบางส่วนของสตริงตามที่ผู้ใช้ต้องการหรือระบุ ดังที่แสดงในข้อมูลโค้ดด้านล่าง:
< ร่างกาย >
< h1 > บทความลินุกซ์ h1 >
< h4 > ใช้อักษรตัวพิมพ์ใหญ่คำแรก h4 >
< ปุ่มบนคลิก = 'captalizeFirstWord()' > ลองมัน ปุ่ม >
< รหัสพี = 'เป้า' > หน้า >
< สคริปต์ >
การทำงาน captalizeFirstWord ( ) {
ปล่อยให้ข้อมูล = พร้อมท์ ( 'กรุณาใส่สตริง' , 'จอห์น วิค' ) ;
คอสต์ คำสิ้นสุดดัชนี = พร้อมท์ ( 'เข้าสู่ช่วงสุดท้าย' , '5' ) ;
ให้คำแรก = ข้อมูล. ชิ้น ( 0 , คำสิ้นสุดดัชนี ) ;
ให้เรม = ข้อมูล. แทนที่ ( คำแรก , '' ) ;
ถ้า ( ข้อมูล != โมฆะ ) {
เอกสาร. getElementById ( 'เป้า' ) . HTML ภายใน = 'ตอนนี้คำแรกเป็นตัวพิมพ์ใหญ่: ' + คำแรก ถึงตัวพิมพ์ใหญ่ ( ) + หน่วยความจำ ;
}
}
สคริปต์ >
ร่างกาย >
คำอธิบายของรหัส:
- ขั้นแรก มีการประกาศองค์ประกอบปุ่มที่เรียก ' captalizeFirstWord() ” วิธีการโดยใช้ “ เมื่อคลิก ” ผู้ฟังเหตุการณ์ “ หน้า ” องค์ประกอบยังถูกสร้างขึ้นโดยมีรหัสของ “ เป้า '. ในองค์ประกอบ HTML 'p' นี้ เอาต์พุตจะถูกแทรก
- ถัดไป ฟังก์ชัน “ captalizeFirstWord() ” เนื้อหาถูกกำหนดไว้ใน “ <สคริปต์> ” แท็ก ในนั้นสองสาม“ พรอมต์ () ” เมธอดใช้เพื่อดึงข้อมูลจากผู้ใช้เกี่ยวกับสตริงและหมายเลขดัชนีลงท้ายสำหรับคำตัวพิมพ์ใหญ่
- “ พรอมต์ () ” เมธอดมีพารามิเตอร์สองตัว ตัวแรกคือข้อความที่แสดงบนหน้าจอ และตัวที่สองคือค่าเริ่มต้น
- ค่าเหล่านี้จะถูกเก็บไว้ใน “ ข้อมูล ' และ ' คำสิ้นสุดดัชนี ” ตามลำดับ จากนั้นใช้ปุ่ม “ ชิ้น() ” วิธีการบน “ข้อมูล” และแบ่งส่วนของสตริงจาก “ 0 ” ดัชนีเป็นหมายเลขดัชนีที่ผู้ใช้ให้มา ซึ่งจะแยกคำแรกออกจากสตริงที่จัดเก็บไว้ในตัวแปร “คำแรก”
- หลังจากนั้นให้ใช้ “ แทนที่() ” ในสตริงที่ให้มาเพื่อแทนที่เนื้อหา “คำแรก” ด้วยอัญประกาศว่าง สิ่งนี้แก้ไขสตริงและตอนนี้มีส่วนที่เหลือหลังจากลบคำแรกที่เก็บไว้ในตัวแปร ' หน่วยความจำ ”
- ในตอนท้ายให้ใช้ ' ถ้า ” คำสั่งเพื่อตรวจสอบว่า “ ข้อมูล ” ตัวแปรที่ผู้ใช้ให้มาว่างเปล่าหรือไม่ หากไม่ว่างเปล่าหรือเท่ากับ “ โมฆะ ” จากนั้นใส่ “ คำแรก ” และใช้ “ ถึงตัวพิมพ์ใหญ่ () ” วิธีการนั้น
- แสดงส่วนที่เหลือซึ่งเก็บไว้ใน ' หน่วยความจำ ' ตัวแปร.
หลังจากรวบรวม:
เอาต์พุตแสดงว่าคำแรกของสตริงที่ระบุตอนนี้เป็นตัวพิมพ์ใหญ่
วิธีที่ 2: ใช้วิธี “substr()”
“ สตริงย่อย () ” สามารถใช้เมธอดเพื่อพิมพ์เฉพาะคำแรกจากสตริงที่ให้มาเป็นตัวพิมพ์ใหญ่เท่านั้น สามารถทำได้โดยเลือกเฉพาะตัวอักษรตัวแรกแยกกันโดยการเข้าถึงหมายเลขดัชนีและใช้วิธี 'toUpperCase()' กับมัน จากนั้นแนบส่วนที่เหลือของสตริงตามรหัสด้านล่าง:
< h1 > บทความลินุกซ์ h1 >< h4 > ใช้อักษรตัวพิมพ์ใหญ่คำแรก h4 >
< ปุ่มบนคลิก = 'captalizeFirstWord()' > ลองมัน ปุ่ม >
< รหัสพี = 'เป้า' > หน้า >
< สคริปต์ >
การทำงาน captalizeFirstWord ( ) {
ปล่อยให้ข้อมูล = พร้อมท์ ( 'กรุณาใส่สตริง' , 'จอห์น วิค' )
คอสต์ คำสิ้นสุดดัชนี = พร้อมท์ ( 'เข้าสู่ช่วงสุดท้าย' , '5' ) ;
ให้ผลลัพธ์ = ข้อมูล. สารตั้งต้น ( 0 , คำสิ้นสุดดัชนี ) . ถึงตัวพิมพ์ใหญ่ ( ) + ข้อมูล. สารตั้งต้น ( คำสิ้นสุดดัชนี ) ;
ถ้า ( ข้อมูล != โมฆะ ) {
เอกสาร. getElementById ( 'เป้า' ) . HTML ภายใน = 'ตอนนี้คำแรกใช้ตัวพิมพ์ใหญ่เป็น: ' + ผลลัพธ์ ;
}
}
สคริปต์ >
คำอธิบายของรหัสด้านบน:
- โค้ดข้างต้นเหมือนกับที่อธิบายไว้ในวิธีการก่อนหน้า เฉพาะส่วน “ ชิ้น() ' และ ' แทนที่() ” method ถูกแทนที่ด้วย “ สตริงย่อย () ' วิธี.
- เมธอด “substr()” ถูกนำไปใช้กับ “ ข้อมูล ” ตัวแปรและส่วนของสตริงจาก “ 0 ” ดัชนีไปยังดัชนีที่ระบุจะถูกแยกออกจากกัน ในส่วนที่แยกออกมาซึ่งเป็นคำแรกนี้ คำว่า “ ถึงตัวพิมพ์ใหญ่ () ” วิธีการถูกนำไปใช้กับตัวพิมพ์ใหญ่
- หลังจากนั้น ครั้งที่สอง “ สตริงย่อย () วิธีการ ” ใช้เพื่อเลือกส่วนที่เหลือจากดัชนีที่ให้มา แล้วนำผลลัพธ์มาเชื่อมกันสำหรับทั้งสองวิธี
หลังจากรวบรวม:
ผลลัพธ์แสดงว่าเฉพาะคำแรกจากสตริงเท่านั้นที่เป็นตัวพิมพ์ใหญ่
บทสรุป
ไม่มีเมธอดที่มีอยู่แล้วภายในที่สามารถใช้เป็นตัวพิมพ์ใหญ่เฉพาะคำแรกของสตริงที่ให้มาแบบไดนามิก อย่างไรก็ตาม ' ชิ้น() ' และ ' สตริงย่อย () ” สามารถใช้วิธีต่าง ๆ ร่วมกับวิธีต่าง ๆ เช่น “ พรอมต์ () ”, “ แทนที่() ', และ ' ถึงตัวพิมพ์ใหญ่ () ” เพื่อพิมพ์คำแรกให้เป็นตัวพิมพ์ใหญ่ ที่นี่ “ ถึงตัวพิมพ์ใหญ่ () ” วิธีการใช้อักษรตัวพิมพ์ใหญ่ของคำแรกที่หั่นโดยเฉพาะ โพสต์นี้ได้แสดงวิธีการใช้อักษรตัวพิมพ์ใหญ่ของคำใน JavaScript