บทความ: การใช้งาน useful function of string ในภาษา TypeScript แบบง่ายๆ
การเขียนโปรแกรมนั้นไม่ได้เป็นเพียงการรับรู้คำสั่งซับซ้อนและการแก้ปัญหาที่แสนจะหนักหน่วงเท่านั้น แต่ยังรวมถึงการใช้งานฟังก์ชันพื้นฐานที่ทรงพลังซึ่งทำให้ชีวิตของโปรแกรมเมอร์ง่ายขึ้นมาก วันนี้เราจะมาทำความรู้จักกับ "useful function of string" ในภาษา TypeScript ซึ่งเป็นภาษาที่ขยายมาจาก JavaScript พร้อมกับตัวอย่างโค้ดเพื่อให้เข้าใจมากขึ้น และนำไปใช้ในโลกจริงได้อย่างคล่องแคล่ว
เมื่อเราต้องการแปลงข้อความใน string ไปยังตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็กทั้งหมด เราสามารถใช้ฟังก์ชัน `.toUpperCase()` และ `.toLowerCase()` ได้
let greeting: string = "สวัสดีครับ";
console.log(greeting.toUpperCase()); // สวัสดีครับ -> สวัสดีครับ
console.log(greeting.toLowerCase()); // สวัสดีครับ -> สวัสดีครับ
อธิบายการทำงาน:
- `.toUpperCase()` จะแปลงข้อความที่เป็น string ไปเป็นตัวหนังสือตัวใหญ่ทั้งหมด
- `.toLowerCase()` จะแปลงข้อความที่เป็น string ไปเป็นตัวหนังสือตัวเล็กทั้งหมด
Usecase ในโลกจริง:
เว็บไซต์ eCommerce ที่ต้องการปรับ format ของข้อมูลลูกค้าให้สม่ำเสมอ เช่น การแปลงชื่อสินค้าให้เป็นตัวพิมพ์เล็กทั้งหมดก่อนเก็บลงฐานข้อมูล
let user_input: string = " ค้นหาข้อมูลที่นี่ ";
console.log(user_input.trim()); // "ค้นหาข้อมูลที่นี่"
console.log(user_input.trimStart()); // "ค้นหาข้อมูลที่นี่ "
console.log(user_input.trimEnd()); // " ค้นหาข้อมูลที่นี่"
อธิบายการทำงาน:
- `.trim()` จะตัดข่าวว่างที่อยู่ทั้งสองด้านของ string
- `.trimStart()` หรือ `.trimLeft()` จะตัดข่าวว่างที่อยู่ด้านซ้ายของ string
- `.trimEnd()` หรือ `.trimRight()` จะตัดข่าวว่างที่อยู่ด้านขวาของ string
Usecase ในโลกจริง:
การกำจัดพื้นที่ว่างที่ไม่จำเป็นจาก input ของผู้ใช้งานที่ทำการค้นหาภายในแอปพลิเคชัน
ใช้ `.replace()` เมื่อต้องการแทนที่ข้อความภายใน string โดยใช้ regular expressions ช่วยกำหนด pattern.
let wrong_text: string = "Hello, Thailnad!";
let corrected_text = wrong_text.replace("Thailnad", "Thailand");
console.log(corrected_text); // Hello, Thailand!
อธิบายการทำงาน:
- `.replace()` ใช้สำหรับการแทนที่ข้อความภายใน string ที่ต้องการ
Usecase ในโลกจริง:
อัตโนมัติการแก้ไขคำผิดที่ปรากฏบ่อยให้กับข้อความที่มีผู้ใช้งานป้อนเข้ามาในระบบ ซึ่งจะช่วยลดเวลาและทรัพยากรในการทำ proofreading ของเนื้อหา
ในฐานะที่ EPT เป็นสถาบันสอนการเขียนโปรแกรมที่มุ่งมั่นจะช่วยให้ผู้เรียนเข้าใจการใช้งานภาษาโปรแกรมมิ่งอย่างลึกซึ้ง การใช้งานฟังก์ชัน string เหล่านี้ใน TypeScript อาจจะดูเป็นเพียงจุดเริ่มต้นของการเรียนรู้ แต่มันเป็นพื้นฐานที่สำคัญไปถึงระดับที่สูงขึ้น พวกเราที่ EPT ขอเชิญชวนทุกท่านที่มีใจรักในการเขียนโค้ดมาร่วมกันเรียนรู้และเติบโตไปด้วยกัน ก้าวเข้าสู่โลกที่เต็มไปด้วยโอกาสและไร้ขอบเขตในการสร้างสรรค์ผ่านการเรียนรู้งานโปรแกรมมิ่งกับเราที่ EPT วันนี้!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM