การใช้งานตัวแปรแบบ String ในภาษา TypeScript แบบง่าย ๆ

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

ทำความรู้จักกับ String ใน TypeScript

String ใน TypeScript เป็นชนิดข้อมูลที่ใช้ในการเก็บข้อมูลที่เป็นข้อความ เช่น ชื่อ, ที่อยู่ หรือข้อความแสดงผล เราสามารถสร้าง String ได้หลากหลายวิธี เช่น การใช้เครื่องหมายคำพูดเดี่ยว (' ') หรือเครื่องหมายคำพูดคู่ (" ")

ตัวอย่างการประกาศตัวแปรแบบ String

 let name: string = "EPT";
let greeting: string = 'สวัสดีครับ';

ในตัวอย่างด้านบน เราได้สร้างตัวแปร `name` และ `greeting` ซึ่งเก็บค่าเป็นข้อความที่ต่างกัน

วิธีการใช้งาน String

การต่อ String

การต่อสตริงใน TypeScript ทำได้โดยใช้เครื่องหมายบวก (`+`)

 let firstName: string = "John";
let lastName: string = "Doe";
let fullName: string = firstName + " " + lastName;
console.log(fullName); // "John Doe"

ในตัวอย่างนี้ เราได้ต่อสตริง `firstName` และ `lastName` โดยเว้นวรรคด้วยการใช้เครื่องหมายบวก

การใช้ Template Strings

TypeScript ยังรองรับ Template Strings ซึ่งสามารถเขียนได้โดยใช้เครื่องหมายแบ็คแบ็ค (`` ` ``) ซึ่งช่วยให้การจัดการ String ง่ายขึ้น

 let age: number = 30;
let message: string = `สวัสดีครับ, ผมชื่อ ${fullName} และอายุ ${age} ปี`;
console.log(message); // "สวัสดีครับ, ผมชื่อ John Doe และอายุ 30 ปี"

ตรวจสอบและเปลี่ยนแปลง String

การตรวจสอบความยาวของ String

เราใช้ property ชื่อว่า `length` ในการตรวจสอบความยาวของ String

 let text: string = "Hello, EPT!";
console.log(text.length); // 12

การแปลง String ให้เป็นตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก

เราสามารถใช้ method ในการแปลง String ได้ เช่น `toUpperCase()` และ `toLowerCase()`

 let lowerText: string = "hello";
console.log(lowerText.toUpperCase()); // "HELLO"

Use Case ในโลกจริง

1. การสร้างข้อความอีเมลอัตโนมัติ

ในการส่งอีเมลหรือข้อความอัตโนมัติให้ผู้ใช้ เราสามารถใช้ String ในการสร้างข้อความที่มีตัวแปรที่ผสมอยู่ เช่น ชื่อผู้ใช้ วันเวลาที่กำหนด เป็นต้น

 function sendEmail(name: string): void {
    const subject: string = "ยินดีต้อนรับสู่ EPT";
    const message: string = `สวัสดี ${name},\nยินดีต้อนรับคุณเข้าสู่ EPT!`;

    // ส่งอีเมล
    console.log(`ส่งอีเมลไปยัง: ${name}\nหัวเรื่อง: ${subject}\nข้อความ: ${message}`);
}

sendEmail("Somchai");

ในตัวอย่างนี้ฟังก์ชัน `sendEmail` จะสร้างข้อความที่เป็นส่วนผสมของ String ต่าง ๆ เพื่อส่งให้ผู้ใช้

2. การแสดงผลข้อมูล

เราสามารถแสดงข้อมูลผู้ใช้ในเว็บแอปพลิเคชันได้ โดยการใช้ String เพื่อประกอบข้อมูลที่จะนำเสนอ เช่น การแสดงข้อมูลสินค้าในอีคอมเมิร์ซ

 type Product = {
    name: string;
    price: number;
}

function displayProduct(product: Product): void {
    const description: string = `${product.name} ราคา: ${product.price} บาท`;
    console.log(description);
}

displayProduct({ name: "คอมพิวเตอร์", price: 20000 });

สรุป

เราได้รู้จักการใช้งานตัวแปรแบบ String ใน TypeScript พร้อมทั้งตัวอย่างการสร้างและจัดการกับ String นอกจากนั้นยังได้เรียนรู้เกี่ยวกับ use case ที่พบเจอในชีวิตประจำวัน เช่น การส่งอีเมลอัตโนมัติและการแสดงผลข้อมูลในเว็บแอปพลิเคชัน

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

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