หากคุณกำลังค้นหาความรู้เกี่ยวกับการใช้งาน loop และ if-else ภายใน loop ในภาษา TypeScript คุณมาถูกทางแล้วครับ! ในบทความนี้ เราจะพาทุกท่านไปสำรวจการใช้งาน loop และ if-else ภายใน loop ในภาษา TypeScript ซึ่งเป็นภาษาที่เพิ่มความสามารถของ JavaScript ด้วยการเพิ่ม static type checking และอื่นๆ ผ่านตัวอย่างโค้ดที่ถูกสร้างขึ้นมาเพื่อให้ทุกคนสามารถเข้าใจได้ง่ายขึ้น นอกจากนี้ เรายังมี usecase ในโลกจริงกันด้วยนะครับ!
Loop เป็นโครงสร้างพื้นฐานในการเขียนโปรแกรมที่ช่วยให้เราทำซ้ำบางสิ่งบางอย่างโดยไม่ต้องเขียนโค้ดซ้ำแล้วซ้ำอีก ในขณะที่ If-Else เป็นโครงสร้างการควบคุมที่ช่วยให้เราสามารถทำการตัดสินใจภายในโค้ดได้ การนำทั้งสองอย่างมารวมกันจะเพิ่มความยืดหยุ่นในการเขียนโปรแกรมของเรา
สมมติว่าเราต้องการทราบว่าตัวเลขจาก 1 ถึง 10 มีตัวไหนบ้างที่เป็นเลขคู่ และเลขไหนบ้างที่เป็นเลขคี่ เราสามารถใช้ loop ประเภท `for` ร่วมกับ `if-else` เพื่อทำการตรวจสอบได้ดังนี้:
for (let i = 1; i <= 10; i++) {
if (i % 2 === 0) {
console.log(`${i} เป็นเลขคู่`);
} else {
console.log(`${i} เป็นเลขคี่`);
}
}
ในตัวอย่างนี้ เราได้ทำการอิเตอเรต i จาก 1 ถึง 10 และตรวจสอบว่า i หารด้วย 2 ลงตัวหรือไม่ เพื่อแยกเลขคู่กับเลขคี่ออกจากกัน
ในกรณีที่เราต้องการทดสอบเงื่อนไขก่อนที่จะทำการวนซ้ำ เราสามารถใช้ `while` loop ได้เช่นนี้:
let i = 1;
while (i <= 10) {
if (i % 2 === 0) {
console.log(`${i} เป็นเลขคู่`);
} else {
console.log(`${i} เป็นเลขคี่`);
}
i++;
}
ตัวอย่างนี้ทำหน้าที่เช่นเดียวกับตัวอย่างแรก แต่ใช้ `while` loop แทน โดยตรวจสอบเงื่อนไขก่อนทุกครั้งที่จะเริ่มการวนซ้ำ
แม้แต่การวนซ้ำที่ต้องการให้ทำงานอย่างน้อยหนึ่งครั้งก็สามารถทำได้ด้วยการใช้ `do-while` loop:
let i = 1;
do {
if (i % 2 === 0) {
console.log(`${i} เป็นเลขคู่`);
} else {
console.log(`${i} เป็นเลขคี่`);
}
i++;
} while (i <= 10);
ในตัวอย่างนี้ การตรวจสอบเงื่อนไขจะทำหลังจากที่ loop ได้ทำการทำงานแล้วอย่างน้อยหนึ่งรอบ
หนึ่งใน usecase ที่สำคัญในการใช้งาน loop และ if-else ในโลกจริงคือ การคัดกรองข้อมูล สมมติว่าเรามีรายชื่อผู้ใช้งานพร้อมกับอายุของพวกเขา และเราต้องการกรองเฉพาะผู้ที่เป็นวัยรุ่น (บุคคลที่มีอายุ 13 ถึง 19 ปี):
let users = [
{ name: 'Alice', age: 14 },
{ name: 'Bob', age: 22 },
{ name: 'Charlie', age: 17 },
{ name: 'David', age: 30 }
];
for (const user of users) {
if (user.age >= 13 && user.age <= 19) {
console.log(`วัยรุ่น: ${user.name}`);
}
}
การใช้ `for...of` loop ใน TypeScript ทำให้เราสามารถวนซ้ำข้อมูลได้ง่ายและชัดเจน ทำให้โค้ดทั้งหมดอ่านและเข้าใจได้สะดวกขึ้น
เพื่อนๆ สามารถเห็นได้ว่าการรู้จักใช้การวนซ้ำและการตัดสินใจเป็นองค์ประกอบหลักในการเขียนโปรแกรมที่มีประสิทธิภาพ ไม่ว่าจะเป็นในการประมวลผลข้อมูล หรือการพัฒนาแอปพลิเคชัน์ และหากคุณอยากเรียนรู้การเขียนโปรแกรมอย่างลึกซึ้งและเป็นระบบมากขึ้น ที่ EPT (Expert-Programming-Tutor) ของเรามีหลักสูตรที่พร้อมจะทำให้คุณเข้าใจการเขียนโปรแกรมในทุกมิติ ไม่ว่าจะเป็นมือใหม่หรือพัฒนาทักษะของคุณให้ก้าวไปอีกขั้นก็ตามครับ!
เชิญร่วมการเรียนรู้และพัฒนาทักษะการโปรแกรมไปกับเราที่ EPT ที่จะช่วยให้คุณมั่นใจในทุกๆ บรรทัดโค้ดที่คุณเขียนขึ้น!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM