TypeScript:
การทำให้ตัวอักษรเป็นตัวพิมพ์ใหญ่ในสตริง
วิธีทำ:
TypeScript เป็นซูเปอร์เซ็ตของ JavaScript ที่อนุญาตให้ใช้วิธีการต่าง ๆ ในการทำให้สตริงเป็นตัวพิมพ์ใหญ่ ตั้งแต่วิธีการของ JavaScript ที่บริสุทธิ์ไปจนถึงการใช้ไลบรารีของบุคคลที่สามสำหรับกรณีการใช้งานที่ซับซ้อนหรือเฉพาะเจาะจงยิ่งขึ้น
วิธีการของ JavaScript ที่บริสุทธิ์:
function capitalize(str: string): string {
return str.charAt(0).toUpperCase() + str.slice(1);
}
// ตัวอย่างผลลัพธ์:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'
วิธีนี้ตรงไปตรงมาและอาศัยเมธอด charAt()
ในการเข้าถึงตัวอักษรแรกของสตริงและ toUpperCase()
เพื่อแปลงเป็นตัวพิมพ์ใหญ่ เมธอด slice(1)
จะดึงส่วนที่เหลือของสตริงออกมาโดยปล่อยให้มันไม่เปลี่ยนแปลง
การใช้ไลบรารี Lodash:
สำหรับโปรเจกต์ที่ใช้ไลบรารี Lodash คุณสามารถใช้ฟังก์ชัน _.capitalize
ของมันเพื่อให้ได้ผลลัพธ์เดียวกันด้วยโค้ดที่น้อยกว่า
ขั้นแรก, ติดตั้ง Lodash:
npm install lodash
จากนั้น, ใช้งานมันในไฟล์ TypeScript ของคุณ:
import * as _ from 'lodash';
// ตัวอย่างผลลัพธ์:
console.log(_.capitalize('hello TypeScript!')); // 'Hello typescript!'
หมายเหตุ: เมธอด _.capitalize
ของ Lodash จะแปลงส่วนที่เหลือของสตริงเป็นตัวพิมพ์เล็กซึ่งอาจจะไม่ตรงกับที่คุณต้องการ
การใช้ Regular Expression:
Regular Expression สามารถให้วิธีที่กระชับในการทำให้ตัวอักษรแรกของสตริงเป็นตัวพิมพ์ใหญ่ได้ โดยเฉพาะหากคุณต้องการทำให้ตัวอักษรแรกของทุกคำในสตริงเป็นตัวพิมพ์ใหญ่
function capitalizeWords(str: string): string {
return str.replace(/\b\w/g, char => char.toUpperCase());
}
// ตัวอย่างผลลัพธ์:
console.log(capitalizeWords('hello typescript world!')); // 'Hello Typescript World!'
วิธีนี้ใช้เมธอด replace()
เพื่อค้นหาขอบเขตของคำตามด้วยอักขระอักษรและตัวเลข (\b\w
) และทำให้ตัวอักษรแรกของแต่ละคำเป็นตัวพิมพ์ใหญ่ มันเป็นวิธีที่เหมาะสำหรับชื่อเรื่องหรือหัวข้อ