การใช้งาน String substring ในภาษา TypeScript: อธิบายการทำงาน พร้อมตัวอย่างโค้ด

ในโลกของการเขียนโปรแกรม การจัดการกับข้อความหรือ String เป็นสิ่งที่สำคัญมาก โดยเฉพาะในภาษา TypeScript ที่เป็นภาษาที่ถูกพัฒนาขึ้นเพื่อเพิ่มความปลอดภัยในการเขียนโปรแกรม JavaScript หนึ่งในฟังก์ชันที่สำคัญในการจัดการ String คือ `substring` ซึ่งช่วยให้เราสามารถตัดข้อความจาก String ให้อยู่ในช่วงที่เราต้องการได้

ฟังก์ชัน substring คืออะไร?

ฟังก์ชัน `substring` ใน TypeScript ใช้สำหรับการตัดหรือเรียกดูส่วนของ String โดยคุณสามารถกำหนดตำแหน่งเริ่มต้นและตำแหน่งสิ้นสุดที่ต้องการตัดออกมา ในการใช้งานสามารถใช้ได้ง่ายสุดๆ แค่เรียกใช้งานจาก String ที่คุณต้องการตัด

รูปแบบการใช้งาน

 string.substring(start: number, end?: number): string

ตัวอย่าง CODE

ลองมาดูตัวอย่างกันดีกว่า! สมมุติว่าเรามีข้อความที่เราต้องการตัดบางส่วนของมันออกมา:

 let message: string = "สวัสดีจาก EPT - สถาบันการเรียนรู้การเขียนโปรแกรม";
let substring1: string = message.substring(0, 10); // "สวัสดีจาก"
let substring2: string = message.substring(10); // " EPT - สถาบันการเรียนรู้การเขียนโปรแกรม"

console.log(substring1); // ผลลัพธ์: สวัสดีจาก
console.log(substring2); // ผลลัพธ์:  EPT - สถาบันการเรียนรู้การเขียนโปรแกรม

ในตัวอย่างข้างต้น เราได้ทำการตัดข้อความ “สวัสดีจาก” โดยระบุตำแหน่งเริ่มต้นที่ 0 และตำแหน่งสิ้นสุดที่ 10 ว่าต้องการให้ตัดข้อความถึงตำแหน่งที่ 10 นอกจากนี้ยังมีการตัดข้อความอีกแบบโดยไม่ระบุตำแหน่งสิ้นสุด ให้มันตัดจนถึงจุดสิ้นสุดของ String แทน

Use Case ในโลกจริง

การจัดการข้อมูลเฟอร์นิเจอร์ออนไลน์

ลองนึกภาพว่าเรามีเว็บไซต์ขายเฟอร์นิเจอร์ออนไลน์ ที่ผู้ใช้สามารถค้นหาผลิตภัณฑ์ได้ โดยเวลาแสดงผลชื่อสินค้า อาจจะมีชื่อสินค้าที่ยาวเกินไป เช่น “โต๊ะไม้สักเก่าแก่ทำมือ2019” เราสามารถใช้ฟังก์ชัน substring เพื่อให้แสดงชื่อสินค้าสั้นลง โดยตัดเฉพาะชื่อที่สำคัญสามคำแรก เช่นนี้:

 function shortenProductName(productName: string): string {
    return productName.substring(0, 18) + "...";
}

let product = "โต๊ะไม้สักเก่าแก่ทำมือ2019";
console.log(shortenProductName(product)); // ผลลัพธ์: โต๊ะไม้สักเก่าแก่ทำ...

สมมุติว่าเราตัดได้เพียง 18 ตัวอักษรจากชื่อผลิตภัณฑ์ ฟังก์ชัน `shortenProductName` ช่วยให้เราสามารถแสดงชื่อสินค้าในเว็บไซต์ได้อย่างเป็นระเบียบและสวยงาม ทำให้ผู้ใช้ไม่ต้องเลื่อนเพื่อดูชื่อที่ยาวเกินไป

การสกัดข้อมูลจากข้อความภายในฐานข้อมูล

ในบางครั้งเราอาจต้องดึงข้อมูลจากฐานข้อมูลโดยที่ต้องการตัดข้อความ เช่น การนำชื่อผู้ใช้จาก email เช่น `example@gmail.com` และเราเพียงต้องการชื่อผู้ใช้ก่อน `@` ฟังก์ชัน substring เป็นเครื่องมือที่ช่วยรวบรวมข้อมูลเหล่านี้ให้เราได้ง่ายดาย

 function getUsername(email: string): string {
    let atIndex = email.indexOf("@");
    return email.substring(0, atIndex); // ตัดที่ตำแหน่งก่อน @
}

let email = "example@gmail.com";
console.log(getUsername(email)); // ผลลัพธ์: example

สรุป

การใช้ฟังก์ชัน `substring` ในภาษา TypeScript เป็นวิธีที่มีประโยชน์ในการจัดการกับข้อความ โดยสามารถตัดข้อความให้สั้นลงหรือแสดงข้อมูลที่สำคัญได้อย่างรวดเร็วและมีประสิทธิภาพ การรู้วิธีใช้งานฟังก์ชันนี้จะทำให้คุณสามารถพัฒนาโปรแกรมที่มีคุณภาพมากขึ้น

หากคุณสนใจที่จะศึกษาและพัฒนาทักษะการเขียนโปรแกรมของคุณต่อไป EPT หรือ Expert-Programming-Tutor คือสถานที่ที่เหมาะสมในการเริ่มต้นเรียนรู้เรื่องภาษา TypeScript และการพัฒนาเว็บ โดยเรามีหลักสูตรที่ครอบคลุมเพื่อที่จะช่วยให้คุณเติบโตในสายงานการเขียนโปรแกรมอย่างมีคุณภาพ

มาเริ่มเรียนรู้กันที่ EPT เพื่อพัฒนาทักษะกันเถอะ!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง